css - 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>

如果我删除第三个 div 上的 position=relative，一切正常，但我不能，因为我需要它来修复另一个元素。但是，如果不删除它，则 z-index 在 IE 中不起作用。它适用于 FF 和 chrome。

有人可以帮我解决一下吗？提前谢谢你。

Answer 1

添加

z-index: 1;

到第一个 div 的样式。

在 IE6 中，偏移父级的 z-index 将覆盖其所有子级的 z-index 值。