Z-Index-Problem in IE7 mit jquery Superfish-Menü-Plugin

Question

Ich musste jquery Superfish Menü-Plugin ändern, um mit Bild für das Menü zu empfangen. Bitte werfen Sie einen Blick auf diese Demo. http://www.okadadesign.no/vitaveritas/.

Es gibt Untermenüs unter Om oss und Mediomtale. Ich habe Sprites-Bilder für dieses Menü verwendet.

Es funktioniert gut mit IE8, FF usw. Allerdings hat IE7 ein Problem, Untermenüs anzuzeigen. Es zeigt das Untermenü an, aber wenn ich versuche, im Untermenü zu navigieren, blendet es sich aus.

Kann mir jemand helfen, dieses Problem zu beheben?

Vielen Dank im Voraus.

Answer 1

Ich musste immer einen Z-Index auf .sf-menu li li setzen, um die Untermenüs in ie6/7 anzuzeigen.

Die Verwendung von hoverIntent könnte auch helfen. Es gibt Details über die superfish page.

Answer 2

Ich habe das Z-Index-Problem für IE7 und IE6 durch Hinzufügen von: Position: relative; und Z-Index: 10000; zum Hauptteil #nav div, das das (sf-menu) enthält und der Job wurde erledigt.

Answer 3

Es könnte auch etwas so dumm sein, wie kein "Hintergrund" auf .sf_menu li Ul. Ich benutzte einen Farbverlauf (Filter in IE) und nicht die ursprüngliche Hintergrundfarbe.

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);