6

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

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

4

3 回答 3

1

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

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

所以这似乎是开发工具解析器中的一个错误，而不是 IE 渲染引擎。这仍然没有解决，这太疯狂了。

于 2011-05-26T19:18:07.440 回答
0

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

background: url('navgradient.gif');
于 2010-05-09T15:38:47.783 回答
0

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

于 2010-05-09T15:42:13.797 回答