Css z索引在IE中不起作用?

Css z索引在IE中不起作用?,css,Css,我正在创建一个CSS3色带 它在FF&Chrome中工作,但在IE中,z-index似乎不起作用 为什么会这样?@RoToRa的评论是正确的 我已经用您的JSFIDLE做了一些实验,我的猜测是IE以前不支持z-index和伪元素的组合。顺便说一句,如果可能的话,我会避免负z指数,因为旧的FF不支持它 我认为@mercator在这篇文章中的评论会更好 不是对您问题的回答,而是对您问题的解决方案:jsfiddle.net/G4QQ2/7,即在h1:before中添加border top:0,并

我正在创建一个CSS3色带

它在FF&Chrome中工作,但在IE中,
z-index
似乎不起作用


为什么会这样?

@RoToRa的评论是正确的


我已经用您的JSFIDLE做了一些实验,我的猜测是IE以前不支持z-index和伪元素的组合。顺便说一句,如果可能的话,我会避免负z指数,因为旧的FF不支持它

我认为@mercator在这篇文章中的评论会更好


不是对您问题的回答,而是对您问题的解决方案:jsfiddle.net/G4QQ2/7,即在h1:before中添加border top:0,并将其从上到上调整为:34px。这样,您根本不需要z索引


我已经用你的JSFIDLE做了一些实验,我的猜测是IE根本不支持z-index与前面的伪元素
结合使用。顺便说一句,如果可能的话,我会避免负z指数,因为旧的FF不支持它。这不是对你问题的回答,而是对你问题的解决方案:即在
h1:before
之前添加
border top:0
,并将其
top
调整为
top:34px
。这样,您根本不需要
z-index