Question

我正在尝试让我们的Wordpress博客在IE8及更低版本中显示得更好（它在IE9，Firefox和Chrome中运行良好）。一个大问题似乎是IE8缺乏对负边缘的支持，因此我们在posts列和侧面小部件之间的差距在IE8中是不存在的。

控制分离的CSS在这里：

#secondary {
float:right;
width:300px;
margin-right:-320px;
}

有关条件CSS在IE8及以下版本中修复此建议的任何帮助都将非常感谢！

Answer 1

你应该验证你的html标记，35个错误和11个警告不会有帮助。

同时，尝试此修复：

.negative-margin-element {
    zoom: 1; /* ie hax*/
    position: relative; /* ie forced behavious*/
}

Answer 2

您正在使用HTML5元素，IE8不理解它们并且会忽略它们而您无法将CSS应用于它们，因为IE8不会知道它们存在。要修复IE，您需要添加html5shiv。这会将这些元素添加到IE8的DOM树中，并将它们设置为块级别。

您可以编写自己的代码和CSS来做同样的事情，但是shiv很方便。