IE8开发人员工具缺少一些样式

我测试了我的网站在IE7，Chrome和Firefox，他们工作正常，但IE8有一些布局问题。

我检查ie8上的开发人员工具选项，我注意到我在CSS中设置的一些属性被ie8忽略。例如：

#header 
{ 
position: relative; 
padding: 20px; 
height: 100px; 
background:url(header.png); 

}

在此头IE8忽略height属性：如果我检查的开发人员工具的元素是缺少财产，它粉碎成另一条线：

background:url;HEIGHT: 100PX

同样的事情对于发生过彩车：

#logon 
{ 
float: left; 
text-align:right; 
width:20%; 
height: 40px; 
padding-left: 0px; 
padding-right:7px; 
border:0; 
margin:0; 
background: url(navgradient.gif); 
}

这忽略了浮点值：

background: url(navgradient.gif); FLOAT:left;

这里发生了什么，我该如何解决？

来源

2010-05-09 Craig Warren

我见过同样的事情发生，从来没有想出为什么。你的文件是否有效的HTML和CSS？如果使用'background-image：url（navgradient.gif）'，它会更好吗？ – 2010-05-09 15:35:53

有没有关于这个问题的任何更新？它正在推动我的疯狂 – 2013-01-15 11:29:05

看起来像一个解析错误，或类似。尝试在图像名称周围添加引号;

background: url('navgradient.gif');

来源

2010-05-09 15:38:47 Mathew

我见过这种情况，如果样式表包含filter属性。

来源

2010-05-09 15:42:13 SLaks

我也见过这个。一些样式显示在同一行上，发生在我身上的是“过滤器”行。

HTML在IE中正确呈现，但如果您尝试切换该CSS行开/关，它会影响这两个属性。因此，在开发工具中取消选中“filter：alpha（opacity = 25）; BOTTOM：10px”将禁用“过滤器”和“底部”CSS规则。

因此，它似乎是开发工具的解析器中的错误，但不是IE渲染引擎。这太疯狂了，这仍然没有解决。

来源

2011-05-26 19:18:07 rocketmonkeys

IE8开发人员工具缺少一些样式

回答

相关问题