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/

相关文章

操作步骤 1、进入elasticsearch的plugin,进入ik。进入config。 2、在config下面建立以.dic为后缀的字典...
lengend data数据中若存在'',则表示换行,用''切割。
代码实现 option = { backgroundColor: '#080b30', tooltip: { trigger: &...
问题原因 原因在于直接在js中取的变量并复制给var变量。 于是就变成这样。 解决办法 var data = &#...
前言 最近做了一个调查问卷导出的功能,需求是将维护的题目,答案,导出成word,参考了几种方案之后,选...
对于很多人来说,用字符编码都是熟能生巧,而不清楚为什么是那样的字符编码,所以我在这列了一个表,翻...