wordpress - 负边距 IE8 问题

Question

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

控制这种分离的 CSS 在这里：

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

任何有关在 IE8 及以下解决此问题的条件 CSS 建议的帮助将不胜感激！

score 0 · Accepted Answer

您应该验证您的 html 标记，35 个错误和 11 个警告将无济于事。

同时，试试这个修复：

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

score 0 · Accepted Answer

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

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

2 回答 2