负边距IE8问题

问题描述：

我试图让我们的Wordpress博客在IE8及以下显示效果稍好一点（它在IE9，Firefox & Chrome中效果很好）。一个重大问题似乎是IE8缺乏对负边缘的支持，所以我们在帖子栏和边框小部件之间的差距在IE8中是不存在的。负边距IE8问题

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

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

有条件的CSS在IE8下解决这一问题的建议，任何帮助将非常感激！

答

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

的同时

，试试这个修复：

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

我已经注意到了标记错误，其余11个由于我们的Disqus插件而独立于此问题。不幸的是，你的建议似乎并不奏效...... – user2075698 2013-02-15 15:57:15

答

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

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