Задача Z-index в IE7 с плагином меню jQuery superfish

Question

Мне нужно было изменить плагин меню jQuery superfish для размещения с использованием изображения для меню. Пожалуйста, ознакомьтесь с этой демонстрацией. http://www.okadadesign.no/vitaveritas/.

Есть подменю под Om oss и Medieomtale. Для этого меню я использовал спрайты.

Он отлично работает с IE8, FF и т. Д. Однако IE7 имеет проблемы с отображением подменю. Он показывает подменю, но когда я пытаюсь перемещаться в подменю, он исчезает.

Может ли кто-нибудь помочь мне решить эту проблему?

Заранее спасибо.

Answer 1

Мне всегда приходилось вводить z-index в .sf-menu li li, чтобы подменю отображалось в ie6/7.

Использование hoverIntent также может помочь. На сайте superfish page есть данные.

Answer 2

Я исправил проблему z-index для IE7 и IE6, добавив: position: relative; и z-индекс: 10000; к основному #nav div, который содержит (sf-menu), и задание было выполнено.

Answer 3

Это также может быть что-то настолько глупо, что не указывать «фон» на .sf_menu li ul. Я использовал градиент (фильтр в IE) и не указывал исходный цвет фона.

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