z-index не работает в IE

Question

IE версия 6.0, код подобен приведенному ниже:

<div style="background-color: #4A840F; width:300px; height: 200px; position: relative;">
  <div style="background-color: #ED4100; width:200px; height: 500px; position: absolute;z-index: 100;"></div>
</div>
<div style="background-color: red; width:300px; height: 200px; position: relative;"></div>

Если я удаляю позицию = относительно третьего деления, все в порядке, но я не могу, так как мне нужно исправить другоеэлемент.Однако, если не удалить его, z-index не работает в IE.Он работает в FF и Chrome.

Может ли кто-нибудь помочь мне решить эту проблему?заранее спасибо.

Answer 1

Добавьте

z-index: 1;

к стилю вашего первого div.

В IE6, z-индекс смещенного родителя переопределит все значения его дочернего z-индекса.

Answer 2

<div style="background-color: #000; width:300px; height: 200px; position: relative;">
  <div style="background-color: blue; width:200px; height: 500px; position: absolute;z-index: 100;"></div>
</div>
<div style="background-color: red; width:300px; height: 200px; position: relative;z-index: -1;"></div>

Должно работать. Из любопытства, почему вы поддерживаете IE6?