Problème d'index Z avec menu déroulant et éléments avec affichage caché

Question

Je viens d'ajouter superfish à my page. Mais le menu déroulant affiche sous mon div en-tête-bas qui a l'affichage: caché. Mais ce n'est pas le seul problème, il est également couvert par mon Easy Slider qui a des images et des divs et je ne peux pas dire lequel couvre mon menu déroulant.

Je ne suis pas très familier en utilisant z-index Quelle est la meilleure façon de résoudre ce problème?

Answer 1

Vérifiez que le conteneur, qui contient votre menu, a une position relative. Z-index ne fonctionne que pour les éléments, avec l'attribut de position 'relatif' de 'absolute'.

Par exemple:

<div style="position:relative">Menu here</div> 

Answer 2

Ajouter la propriété z-index sur les deux éléments par CSS. (Menu) et (curseur)

<div style="z-index:2;">Menu</div> 

<div style="z-index:1;">Slider (or whatever coming after the menu)</div> 

et oui, la raison utilise deux éléments avec le position:relative;