Выпадающее меню Superfish, как исправить z-index в ie6 и ie7?

Я использую плагин superfish для jquery здесь: clicky

отлично работает во всех современных браузерах FF, Safari, Chrome, IE8

но похоже, что z-index не работает в ie6 и 7

вы можете видеть, что меню появляется, но его отсекают элементы под ним.

Я пробовал добавлять z-index везде, где только мог придумать, но, похоже, ничего не исправляет.

Как я могу это исправить?

Спасибо!!!


jquery css z-index superfish
person JD Isaacks    schedule 01.04.2010    source источник

Ответы (3)


arrow_upward
1
arrow_downward

У меня сейчас нет под рукой IE6, поэтому я могу протестировать его.

Вы можете попробовать добавить «position: relative» к элементам, к которым вы применяете z-index.

person David Murdoch    schedule 01.04.2010
comment
Я обнаружил, что также иногда настраиваемая таблица стилей ie-only и добавление правила масштабирования: 1 либо к элементам меню, либо к тем, которые он переходит в сочетании с z-индексами, решает проблему. - person montrealist; 01.04.2010
comment
Может быть, для дополнительной благодарности вы могли бы сказать мне, почему в IE6 и 7 раскрывающиеся меню находятся за разделителями, не так уж и много, но я бы хотел исправить это, если бы мог. - person JD Isaacks; 01.04.2010
comment
ха-ха, спасибо, через секунду я протестирую в IE7. Я даже не знаю, где находится мой ноутбук с IE6; Я отказался от тестирования в IE6 около 6 месяцев назад. Вам следует ознакомиться с Прекратить жить прошлым - person David Murdoch; 01.04.2010
comment
добавить позицию: относительная; z-index: 9; в класс li.superfish_double_line. - person David Murdoch; 01.04.2010
comment
Да что починил, ты классный друг мой! - person JD Isaacks; 01.04.2010
comment
не стесняйтесь +1 к моим комментариям. :-) - person David Murdoch; 02.04.2010

arrow_upward
0
arrow_downward

Используя superfish с IE, вы должны использовать плагин bgiframe. Из часто задаваемых вопросов о суперфишах:

Плагин Superfish работает с другими плагинами?

Да, вот несколько полезных плагинов, которые вы можете добавить в свое меню:

...

4. BgIframe. Другой плагин, который вам может понадобиться, - это плагин bgIframe от Брэндона Аарона.. Это устранит ошибку Internet Explorer, описанную в примере «bgIframe» на этом сайте. 90% людей это не понадобится (да, эту статистику я составил).

person cletus    schedule 01.04.2010
comment
Привет, спасибо, я добавил скрипт bgi на свою страницу, но он все равно ничего не изменил. Спасибо. - person JD Isaacks; 01.04.2010
comment
Я также добавил это: #header {z-index: 2; } #main_area {position: relative; z-index: 1;} Которая исправила это. Спасибо. - person JD Isaacks; 01.04.2010
comment
У меня такое ощущение, что это была моя позиция: относительное предложение, которое решило вашу проблему, а не плагин BGIframe. - person David Murdoch; 01.04.2010

arrow_upward
0
arrow_downward

Спасибо Эмили за этот другой переполнение стека вопрос за то, что указал мне в правильном направлении.

person icc97    schedule 23.11.2010