Problème d'index Z dans IE7 avec le plugin de menu jQuery superfish

Question

J'avais besoin de modifier le plugin jquery superfish menu pour accommoder l'utilisation de l'image pour le menu. Veuillez regarder cette démo. http://www.okadadesign.no/vitaveritas/.

Il existe des sous-menus sous Om oss et Medieomtale. J'ai utilisé des images de sprites pour ce menu.

Cela fonctionne très bien avec IE8, FF, etc. Cependant IE7 a un problème pour afficher les sous-menus. Il montre le sous-menu mais quand j'essaie de naviguer dans le sous-menu, il disparaît.

Quelqu'un peut-il m'aider à résoudre ce problème?

Merci d'avance.

Answer 1

J'ai toujours dû mettre un index z sur .sf-menu li li pour afficher les sous-menus dans ie6/7.

L'utilisation de hoverIntent pourrait aussi aider. Il y a des détails sur le superfish page.

Answer 2

J'ai corrigé le problème de l'index z pour IE7 et IE6 en ajoutant: position: relative; et z-index: 10000; à la principale #nav div qui contient le (sf-menu) et le travail a été fait.

Answer 3

Cela peut aussi être quelque chose d'aussi stupide que de ne pas spécifier un "background" sur .sf_menu li ul. J'utilisais un dégradé (filtre dans IE) et ne spécifiais pas la couleur de fond d'origine.

background: #F3F3F3; /* required for IE to retain hover state */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#D8D8D8'); 
    background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#D8D8D8)); 
    background: -moz-linear-gradient(top, #F3F3F3, #D8D8D8);