html – IE8 z-index之前和之后的CSS选择器

这是非常令人沮丧的….

http://jsfiddle.net/RRnm8/

在每个浏览器上运行良好,IE8除外…

应该显示如下：

correct version http://f.cl.ly/items/4410273m1G1m1O2U0K0a/Screen%20shot%202011-04-04%20at%2016.40.54.png

但是在IE8中你可以得到：'(

wrong version http://f.cl.ly/items/2e351L0G3y2H1O1g1a1L/Screen%20shot%202011-04-04%20at%2016.41.41.png

那么问题是如何让它在IE8中正常工作？

请在jsfiddle作为一个真正的工作实例提供答案…

This buddy有完全相同的问题.他没有答案,但this显然不起作用,所以我请求一个工作示例在jsfiddle展示

提前致谢 ：)

解决方法

这个问题似乎与IE处理z-index栈的方式有关.其中FF和Chrome在IE中处理z-index文档的元素,您可能知道,z-index首先基于父项的z-index.

我认为：在内容复杂化这个问题之前,尽管它有一个负z指数,是否在父元素内.与其比较的索引元素不是父div,因为它将在FF或Chrome中,而是div中的内容,p元素. p元素不是块,并且共享父div的z-index,因此它不能低于：before内容.

解决方案是做一个内部的div,或者给出p元素的相对定位和样式.

见：http://jsfiddle.net/RRnm8/3/

原文地址：https://www.jb51.cc/html/230703.html