在IE7中覆盖内联CSS样式

时间:2010-08-02 11:05:08

标签: html css inline-styles

我有一个内联CSS样式的html标记,如:<body><div style="position:absolute;top:100px;"></body>,我想覆盖此内联位置属性。所以,我写了一个像这样的CSS规则:

body > div[style]{position:relative !important;top:0px !important;}

以上代码适用于Firefox。但在IE7中它不起作用。我错过了IE的任何内容吗?

PS:即使我能在Firebug lite窗口中看到我被覆盖的属性,它也不会影响我页面上的任何内容。 (Plz参考attached image)。

alt text

2 个答案:

答案 0 :(得分:2)

您的选择器不需要那么具体 - 我不确定,但我不确定IE7会理解它。 !important应该覆盖它。

你试过这个吗?

body div {position:relative !important;top:0px !important;}

答案 1 :(得分:2)

IE7中不支持style属性选择器:http://reference.sitepoint.com/css/css3attributeselectors