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值。

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？

z-index在IE中不起作用

2 个答案: