Css z指数不';我不在IE工作

Css z指数不';我不在IE工作,css,position,z-index,Css,Position,Z Index,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> <d

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索引在IE中不起作用。它在FF和chrome中起作用

有人能帮我解决这个问题吗?提前谢谢。


<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: 1;
以你第一次试唱的风格


在IE6中,偏移父级的z索引将覆盖其所有子级的z索引值。

是否尝试给出第三个div
zoom:1
?仅“zoom:1”?我刚才又加了又试,没有任何效果。@Brent Friar,非常感谢。它起作用了。但在我的真实代码中,当我添加z-index=-1时,第三个div是隐藏的。@Louie louierd博士,z-index:1无效。当使用-1时,第三个div隐藏在什么下面?听起来你也要搞乱下一个div的z指数了。