Fils de Suckerfish Menu IE6 - menu se cachant derrière le contenu

Question

Page - http://blu-eye.com/index.html - contient le menu meunier qui s'affiche correctement sur le reste du site, à l'exception de cette page. Les éléments du menu sont cachés derrière le contenu ci-dessous.

Le contenu ci-dessous contient un curseur javascript avec image et texte. J'ai essayé de changer les z-index sur la majorité des éléments, mais n'ayant toujours pas de chance.

Cela ne se produit que dans IE (6 et 7).

Aidez s'il vous plaît!

Answer 1

Le drame que vous avez est l'utilisation d'éléments positionnés par rapport, qui a réinitialisé le contexte de l'ordre z sur < IE8. Pour plus d'informations sur l'en-tête div #, supprimez la position relative. puis sur div # cat_528463_divs> ul> li définir un z-index (de 1000 par exemple). Cela permettra de résoudre le problème de nav de glisser sous le curseur JS - mais il va bousiller l'apparence du reste de la section supérieure, car ils positionnent absolument le logo et d'autres images. Cela va donc devoir être reconstruit.

Answer 2

IE a un ordre d'empilement légèrement différent des éléments, donc il suffit de régler quelque chose avec un index z différent pour le déplacer. En prenant votre point de départ comme enveloppe, ajoutez la position: par rapport à celle-ci, puis descendez dans votre code HTML. Si vous imaginez cela à votre point de départ, alors vous devez obtenir votre div diviseur et votre curseur div au moins la même profondeur.

Il se peut que vous deviez ajouter une position relative à #content.

Vous pouvez ensuite modifier les index z.

Answer 3

Ajouter z-index:100 aux années de sous-menu li

#nav_528463 li ul li { 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background:transparent none repeat scroll 0 0; 
    float:none; 
    margin:0; 
    padding:0; 
    z-index:100 
} 

Answer 4

J'ai trouvé ce peu de jQuery très pratique pour votre problème:

http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/