Z-индекс IE7 работает неправильно

Я столкнулся с печально известной ошибкой z-index ie7, но ни одно из решений, которые я нашел в Интернете, не помогло решить мою проблему:/

См. здесь: http://jsfiddle.net/bwLJM/

Зеленое поле появляется выше во всех браузерах, включая ie9 и ie8, но не ie7 (мне все равно на ie6)

Если я удалю position:relative; из родительского элемента, это устранит проблему, но мне нужно, чтобы это осталось, потому что я собираюсь позиционировать некоторые элементы внутри родительского элемента этих блоков, используя absolute!

Кто-нибудь может помочь?

Спасибо


css z-index internet-explorer-7
person Cameron    schedule 12.09.2011    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Не могли бы вы поместить блок наложения внутри элемента с относительным позиционированием? Как в этом примере?

Это работает в моем IE7.

person Jose Faeti    schedule 12.09.2011
comment
Это работает: P не идеальное решение, так как я заставляю вложенный div вырваться и притвориться, что это не так, но для вас это дерьмовый IE7. Спасибо - person Cameron; 12.09.2011
comment
Это мило! По опыту я узнал, что лучший способ справиться с его системой z-index с ошибками — это максимально использовать вложенные элементы и стараться придерживаться их, вместо того, чтобы пытаться заставить разные стеки z-index работать вместе. - person Jose Faeti; 12.09.2011