Html 在css选择器之前和之后启用IE8 z索引

这是非常令人沮丧的

显示在前面的文本

#目标{
位置：相对位置；
背景：红色；
宽度：200px；
高度：200px；
填充：45px；
}
#目标：之前{
内容：“以前的内容，应该落后于#目标”；
位置：绝对位置；
排名前10%；
左：10%；
宽度：100%；
身高：100%；
背景：青色；
z指数：-1；
}

在除IE8之外的所有浏览器上都能正常工作

它应该像这样显示：

但在IE8中，你会得到这样的结果：'(

所以问题是如何让它在IE8中正常工作

请提供答案作为一个实际工作的例子在

---

有着完全相同的问题。他没有得到答案，但显然不起作用，因此我请求提供一个工作示例，在

上演示它。这个问题似乎与IE如何处理z索引堆栈有关。FF和Chrome在IE中处理具有z索引文档范围的元素，正如您可能知道的，z索引是基于父级的首先是z指数

我认为：before内容使这个问题复杂化，尽管它有一个负的z-索引，但它是否在父元素内。它的索引所比较的元素不是父div，因为它在FF或Chrome中，而是div内的内容，

p

元素。

p

元素不是一个块，而是共享z-父div的索引，因此它不能低于：before内容

解决方案是制作一个内部div，或者给出

p

元素的相对定位和样式

---

请参阅：

Ha，非常感谢@smdrager，提供了大量信息，也感谢您展示了这个示例，我真的很高兴：）