Беда с z-индексом в IE7

Question

У меня есть раскрывающееся меню: http://whitehornguard.com/, но по крайней мере в IE7 под большим изображением заголовка появляется раскрывающаяся часть, я попытался изменить z-index и использовать! Важный, но это не такКажется, это не имеет никакого значения ..

Что я делаю не так?Спасибо.

Answer 1

Это известная проблема с IE. Есть способ обойти это. Попробуйте обернуть меню дополнительным контейнером со следующим стилем:

<div id="wrapper" style="position:relative; z-index: 1000;">
    <div id="menu" style="position:absolute; z-index: 999;"></div>
</div>

Обратите внимание, что z-индекс меню меньше, чем у контейнера.

Для более подробной информации, пожалуйста, проверьте: http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

Answer 2

Вы упаковываете nav в div встроенными стилями. Добавьте z-index:1000; к нему. Это исправляет проблему.

Answer 3

Проблема в том, что IE просто требует некоторого использования position .Так что z.index будет просто использоваться, если присутствует position .Для элемента вы не хотите задавать правила позиционирования, просто попробуйте установить position: относительный