IE-7 проблема Z-индекса

Question

http://www.mimi.clickedsolutions.com/

на вышеуказанном сайте при выборе опции в выпадающем списке справа от поля поиска в заголовке опции идут за изображением заголовка или логотипом в IE-7 Я думаю, что это проблема Z-индекса я сталкиваюсь с этой проблемой снова и снова и пока не получил никакого эффективного решения пожалуйста, предложите мне решения

Answer 1

Справочная информация об этой ошибке: Проблема с Z-индексом IE7 - контекстное меню

Решение специально для вашего случая и того, как именно у вас есть страница на данный момент:

• На #header-bar, добавьте z-index: 9999 (или любое другое число, я просто выбрал его для удобства)
• Вкл. #mainpage, добавить position: relative.

А вот живая версия, показывающая версию исправлений в действии, проверьте ее с помощью IE7:

http://jsbin.com/exuko6

Answer 2

Я на пароме набираю это на своем телефоне, поэтому не могу проверить вашу ссылку, но ...

Во всех браузерах z-index относительно ближайшего стекового контекста. В FF, Chrome, IE8 контекст стекирования чаще всего создается с помощью позиционирования (относительного или абсолютного) и z-индекса. В IE7 только позиционирование необходимо для создания стекового контекста.

Это означает, что в IE7 z-index применяется только до ближайшего родителя с любым установленным свойством позиции.

Чтобы все браузеры вели себя как IE7, для здравого смысла добавьте "z-index: 1" к любому элементу, который также имеет позицию, установленную на "относительный" или "абсолютный"