Notre serveur de test est ici:Menu déroulant CSS - l'ordre des piles n'est pas correct?
http://208.43.52.30/event/list
Voir sur la partie supérieure droite de la case qui dit « Organisateurs » ..
Pour une raison quelconque, je ne peux pas obtenir le menu déroulant à venir sur la couche supérieure ... J'ai essayé de changer de positionnement, j'ai essayé de changer z-index, mais pas de chance ..
Des idées?
Votre div.header-holder a overflow: hidden, si vous changez cela alors la liste des organisateurs devrait s'afficher sans aucun problème.
Ils sont effectivement couverts par ces images maintenant, et ceux qui n'ont pas overflow: hidden appliqué ...
Vous pourriez constater que l'application position:absolute; à la liste déroulante ul (et position: relative à son parent li) devrait résoudre cela, en le sortant du flux de document régulier, et le faisant asseoir au-dessus d'autres éléments non absolute.
Bien sûr puisque « ces » images font partie d'un carrousel/diaporama, et positionnés absolute aussi, ils ne pourraient pas nativement show « au-dessus » eux. Dans ce cas, il vaut la peine de spécifier un z-index pour les images du diaporama, et de s'assurer que le z-index de la liste déroulante est plus élevé que celui des images.
Sur votre div élément avec ID "en-tête-titulaire", vous avez CSS overflow les valeurs de hidden. Puisque la liste des organisateurs est un enfant de cela, elle ne sera pas affichée en dehors des limites de cette div. Débarrassez-vous de ceux-ci, et vous allez bien.
est-ce que - fonctionnait très bien, mais il ne montre pas passé les images maintenant .. qui n'ont pas le trop-plein: règle cachée .. – Kevin
Dans le bloc css pour #-boîte visuelle changer le z-index à 0 et dans le bloc pour le changement .header porte-z-index 1 et trop-plein à visable
Vous devez faire quelques réglages à divers valeurs. Ajouter ces règles CSS:
.header-holder { overflow: visible; z-index: 300; }
#visual-box { z-index: 300; }
.box-info { z-index: 301; }
.box-info ul.dropdown { z-index: 301; }
Grande ... qui a travaillé, don Je ne sais pas pourquoi je ne l'avais pas vu auparavant .. – Kevin
Ils sont actuellement couverts par ces images maintenant, et ceux-ci n'ont pas de débordement: caché appliqué ... – Kevin
Cela vaut toujours la peine d'utiliser l'inspecteur web de Chrome, ou Firefox Firebug ajouter pour montrer quels styles sont appliqués, et d'où ils viennent. De plus, dans ce cas, en raison de * où * il a été découpé à la fois I, et probablement @Matt, figuré que «débordement» était le coupable le plus probable. –