相关疑难解决方法(0)

这非常令人沮丧......

http://jsfiddle.net/RRnm8/

适用于所有浏览器,IE8除外......

它应该显示如下:

正确的版本http://f.cl.ly/items/4410273m1G1m1O2U0K0a/Screen%20shot%202011-04-04%20at%2016.40.54.png

但是在IE8中你会得到这个:'(

错误的版本http://f.cl.ly/items/2e351L0G3y2H1O1g1a1L/Screen%20shot%202011-04-04%20at%2016.41.41.png

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

请在jsfiddle提供答案作为一个真实的例子......

这个伙伴有完全相同的问题.他没有答应,但是这个这显然是不行的,对于工作的例子,因此我的各种要求证明它的jsfiddle

提前致谢 :)

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

使用:

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

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

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