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

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

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

background: url('navgradient.gif');