Ie8 CSS Hack - 最好的方法？

Question

任何人都可以推荐通过CSS破解IE8样式的最佳方法,我最近一直在将IE8渲染为IE7轻松 - 但是想知道是否最好添加IE8黑客攻击？

Answer 1

你应该改变你的方法.首先,您的网站应该在现代浏览器(如Firefox,Chrome,Opera,IE 9)中看起来不错,然后您可以开始担心其他浏览器.

正如其他人所说,有条件的评论可以是你的朋友.

首先,您应该开发CSS以在现代浏览器中看起来很好.然后检查IE8,看看你遇到了什么问题.如果需要,请包含特定于IE的样式表.之后,您可以检查IE7,然后检查IE6是否支持,并添加进一步的修复程序.

一个例子:

<link rel="stylesheet" href="normal.css" type="text/css" />
<!--[if lt IE 9]><link rel="stylesheet" type="text/css" href="ie8.css"><![endif]-->
<!--[if lt IE 8]><link rel="stylesheet" type="text/css" href="ie7.css"><![endif]-->

在这种情况下,您包括normal.css适用于现代浏览器的内容.你发现了一些奇怪的IE8问题,所以在ie8.css你解决问题.您不必在此包含所有选择器,只需要包含需要修复的选择器(IE 8及更低版本将覆盖这些值).之后,如果IE7中仍有一些奇怪的东西,你可以添加ie7.css并修复它们,依此类推.

请参阅其他人提供给您的链接,以获取有关条件评论用法的更多信息.

最后: making IE8 render as IE7 for ease永远不是一个好主意,应该避免.IE7已经过去了(在IT世界中,IE8应该远远超过......),为现在和未来发展,之后你可以关心那些仍然坚持旧技术的人(基于您的受众和商业计划).

Answer 2

使用条件评论.

Answer 3

当发布其他答案时,您可以使用条件注释,但这会在用户使用IE8时添加一个HTTP请求.您可以在css文件中使用\ 0 hack

img{
width:200px;//other broswers
width:100px\0;//only IE8
}