J'ai créé ce menu déroulant css3 qui apparaît derrière l'image lorsque je souris sur le menu déroulant, et j'ai essayé de le comprendre. Mais ne peux pas pour la vie de moi. Toute aide est grandement appréciée, vous pouvez y jeter un coup d'oeil ici.IE7 menu déroulant apparaît derrière l'image
Citation de this thread
Z-index ne constitue pas une mesure absolue. Il est possible qu'un élément avec z-index: 1000 soit derrière un élément avec z-index: 1 - tant que les éléments respectifs appartiennent à des contextes d'empilement différents. Lorsque vous spécifiez z-index, vous le spécifiez par rapport à d'autres éléments dans le même contexte d'empilement, et bien que le paragraphe sur l'index Z de la spécification CSS indique qu'un nouveau contexte d'empilement est créé pour le contenu positionné avec z -index autre que auto (ce qui signifie que votre document entier devrait être un contexte d'empilement unique), vous avez construit une travée positionnée: apparemment IE interprète cela comme un nouveau contexte d'empilement.
MISE À JOUR -
Ajouter le code CSS ci-dessous pour vous la page
#header
{
position:relative;
z-index: 2;
}
#content-wrap
{
position:relative;
}
Je pense que l'une de ces expliquera le problème et donner une solution:
Ce premier lien le résout (donnez un z-index plus élevé au * parent * de l'objet que vous voulez en haut) –
Donner ".nav" et "content" un index z. Rendre .nav plus haut.
Alors comment résoudre ce problème? – Alex
ont mis à jour ma réponse pour inclure le changement exact de css que vous devez faire. –