Question

在html页面中支持这些浏览器Mozilla Firefox14，IE8，Safari5.1.1，Chrome19。由于要支持所有这些浏览器，我必须使用css hacks以保持页面上元素的正确对齐。

以下是css：

对于Mozilla Firefox和IE8：

.dis_stats
{
position:absolute;
margin-top:-30px;
margin-left:-190px;
background:#E0E0E0;
width:141px;
height:80px;
_position:relative;
_margin-top:-460px;
_margin-left:115px;
}

对于Safari＆amp;铬：

@media screen and (-webkit-min-device-pixel-ratio:0) {
.dis_stats
{
position:absolute;
background:#E0E0E0;
margin-top:-30px;
margin-left:731px;
width:141;
height:80;
}
}

现在Mozilla上发生了什么，它运行得很好。但是在IE8上，它正在应用为Safari＆amp; amp; Chrome，如果我删除了任何Safari＆amp; Chrome的属性然后它将从预期的属性中选择相同的属性（即为IE8和Mozilla定义）。

我不知道为什么会发生这种情况。有人请说明这里有什么问题吗？

Answer 1

我建议尝试制定符合标准且不需要黑客攻击的版本。但是如果你必须破解，你可以考虑专门针对IE 8的条件注释，使用单独的样式表来修复它的问题：

<!--[if lt IE 8]>
<style type="text/css" src="path/to/ie-only-style.css">
<![endif]-->

这并不能解释IE的错误，但可以解决一些特定于IE的问题，而不会花费太多时间（以可维护性为代价）。

Safari css hack在IE8上工作

1 个答案: