menu déroulant superfish affichant sous div dessous

Exemple de ce qu'il fait: http://screenr.com/k2X menu déroulant superfish affichant sous div dessous

Je mets le z-index de div class = "tête de container_12" à 2 et la div class = "content container_12" à 1

la classe ul = menu « sf- » est réglé sur 99, ce qui est dans l'en-tête container_12 div

J'ai eu ce problème avant et pensé régler le son z-index appropriée pour les classes feraient l'astuce, mais cela me donne toujours le problème d'afficher le menu déroulant derrière le div ci-dessous (contenu container_12)

Toute aide est appréciée, merci.

.container_12.content { 
    z-index: 1; 
} 

.container_12.header { 
    background-color:#030; 
    height:125px; 
    border:1px solid yellow; 
    z-index: 2; 
}

Source

2010-07-20 Brad

Peut-être mettre la liste déroulante à l'intérieur de l'élément de corps au lieu d'un div? – tcooc

le div où le menu superfish et le bouton de déconnexion ont la propriété overflow:scroll; Changez cela en visible.

overflow:visible; 
z-index:0; 
position:relative;

Remarque: z-index ne fonctionne que sur des éléments positionnés (position: absolu, position: relative ou position: fixed).

EDIT: pour de meilleurs résultats, chargez htmlreset.css avant!

Source

2010-07-20 15:00:31 CuSS

merci, cela a fait l'affaire, maintenant dans IE 7, le menu semble être transparent, comme vous pouvez le voir ici http://cl.ly/2315231db5666d6e3297 - vous savez pourquoi cela peut être? – Brad

thats le z-index, et la position, assurez-vous que tous les éléments sont avec z-index inférieur et la position: relative. test avec quelque chose comme: * {position: relative; z-index: 0;} // Avant tous les autres styles CSS! – CuSS

pour de meilleurs résultats, chargez htmlreset.css avant – CuSS

Vos divs et ul sont-ils positionnés? Je pense que z-index ne fonctionne que sur les sélecteurs positionnés.

Source

2010-07-20 14:58:43

ajouté css pour les deux div. – Brad

menu déroulant superfish affichant sous div dessous

Répondre

Questions connexes