Problem z indeksem Z w IE7 z wtyczką jquery superfish menu

Question

Potrzebowałem zmodyfikować wtyczkę jquery superfish menu, aby pomieścić obraz za pomocą menu. Proszę spojrzeć na to demo. http://www.okadadesign.no/vitaveritas/.

Istnieją podmenu pod Oms i Medieomtale. Do tego menu użyłem obrazów ikonek.

Działa dobrze z IE8, FF itp. Jednak IE7 ma problem z wyświetlaniem podmenu. Pokazuje podmenu, ale kiedy próbuję nawigować w podmenu, zanika.

Czy ktoś może mi pomóc rozwiązać ten problem?

Z góry dziękuję.

Answer 1

Zawsze musiałem umieścić indeks z .sf-menu li li, aby uzyskać podmenu do pokazania w ie6/7.

Używanie hoverIntent może również pomóc. Istnieją szczegółowe informacje na temat superfish page.

Answer 2

Naprawiłem problem z-index dla IE7 i IE6 przez dodanie: position: relative; i indeks z: 10000; do głównego #nav div, który zawiera (sf-menu) i zadanie zostało wykonane.

Answer 3

Może to być również coś tak głupiego, jak nieokreślenie "tła" na .sf_menu li ul. Używałem gradientu (filtr w IE) i nie określałem oryginalnego koloru tła.

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