Особенности позиционирования z-index в Internet Explorer

читать статью полностью в блоге

У внешних блоков (серые) отсутствует значение z-index. Вложенные абсолютно позиционируемые блоки расположены согласно значениям z-index.
Но только не в Internet Explorer

Контейнер №1
position:relative;
z-index не указан




position:absolute;z-index:100

Контейнер №2
position:relative;
z-index не указан




position:absolute;z-index:1

У внешних блоков одинаковое значение z-index. Вложенные абсолютно позиционируемые блоки расположены согласно их расположению в коде.

Контейнер №1
position:relative;
z-index:1




position:absolute;z-index:100

Контейнер №2
position:relative;
z-index:1




position:absolute;z-index:1

У внешних блоков указны разные значение z-index. Вложенные абсолютно позиционируемые блоки расположены согласно значениям z-index. Работает во всех браузерах.

Контейнер №1
position:relative;
z-index:2




position:absolute;z-index:100

Контейнер №2
position:relative;
z-index:1




position:absolute;z-index:1