我在 IE8 中遇到一些 CSS 属性的问题。
我已经在 IE7、Chrome 和 Firefox 中测试了我的网站,它们运行良好,但 IE8 存在一些布局问题。
我检查了 ie8 上的开发人员工具选项,我注意到我在 CSS 中设置的一些属性被 ie8 忽略了。例如:
#header
{
position: relative;
padding: 20px;
height: 100px;
background:url(header.png);
}
在这个 header 中,IE8 忽略了高度属性: 如果我在开发人员工具中检查该元素,它会丢失该属性,并且会被压缩成另一行:
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;
这里发生了什么,我该如何解决?
最佳答案
我也看到了。有些样式显示在同一行上,恰好在我身上有“过滤器”行。
HTML 在 IE 中正确呈现,但如果您尝试打开/关闭该 CSS 行,它会影响两个属性。因此,在开发工具中取消选中“filter: alpha(opacity=25); BOTTOM: 10px”会同时禁用“filter”和“bottom”CSS 规则。
所以这似乎是开发工具解析器中的错误,而不是 IE 渲染引擎中的错误。这还没有解决,真是太疯狂了。
关于css - IE8 开发者工具缺少一些样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2798141/