否定：在绝对定位元素的z-index之前，IE8中不起作用

Question

我已经搜索过这个问题，并且知道IE8已经使用伪标签怪异渲染元素，但无法找到问题的解决方案。我试图绝对定位一个元素并在其中添加一个伪：before元素，它必须位于其父元素之下。

使用：

.container:before {
    z-index: -1;
}

使用Firefox和Chrome进行操作，但不在IE上;这是小提琴http://jsfiddle.net/WaTnn/

如何在IE8中将黄色元素放置在红色下面并且仍然让它的父母绝对定位？

Answer 1

我找到了一个有效的解决方案：

1. 在容器中添加相对定位的div
2. 设置其z-index: -1
3. 将:before元素添加到div而不是容器。

这是一个小提琴http://jsfiddle.net/WaTnn/3/

如果有人有更好的解决方案，我会很高兴看到它。

Answer 2

正如其中所说：link

IE8 Partial Support
z-index not respected, must use a doctype, must declare a :hover state if you use :hover:after/:hover:before