2010-08-02 150 views
2

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

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

上面的代码在Firefox。但在IE7中它不起作用。我错过了什么IE浏览器?

PS:尽管我可以在Firebug lite窗口中看到自己重写的属性,但它不会影响我的页面上的任何内容。 (Plz参考attached image)。

alt text

回答

2

您的选择并不需要是具体的 - 我不知道,但我不知道IE7会理解它。 !重要的应该覆盖它。

你试过这个吗?

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

啊..如果我改变了这个样子,它的工作原理。 :) – Veera 2010-08-02 11:28:06

2

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

+0

这不是一个CSS3属性选择器。它所做的只是匹配具有'style'定义的任何元素。 http://reference.sitepoint.com/css/attributeselector – derekerdmann 2010-08-02 11:35:02

+0

当然,我只是提到该页面的兼容性部分,这表明该样式不能用在IE7(CSS3或其他)中的任何属性选择器中,这些属性选择器已经对它进行了测试似乎是真的。 – 2010-08-02 12:08:08