Question

我在IE8中遇到一些CSS属性的问题。

我已经在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;

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

Answer 1

我也见过这个。有些样式显示在同一行，在我看来是“过滤”行。

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

所以它似乎是开发工具解析器中的一个错误，但不是IE渲染引擎。如何解决这个问题仍然很疯狂。

Answer 2

似乎是一个解析错误或类似错误。尝试在图像名称周围加上引号;

background: url('navgradient.gif');

Answer 3

如果样式表包含filter属性，我发现这种情况会发生。

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

3 个答案: