三、IE 注释

 <!--[if IE]>IE only<![endif]--> 
<!--[if !IE]>NOT IE<![endif]-->

这种写法的优缺点是：

• 优点：安全；向后兼容好；易维护
• 缺点：用不好会增加HTTP请求；用得好代码又多

四、浏览器探测：JS/后端程序判断

 // 以jQuery为例，检测是否是IE6，是则加上class="ie6" 
if ($.browser.msie && $.browser.version = 6 ){ 
    $('div').addClass('ie6'); 
}

这种写法的优缺点是：

• 优点：全面；易维护；可读性高
• 缺点：占资源；代码量大（要重写选择器）

上面4种是我们最常用的方法。现在，让我们抽出心里存着的那3个原则，看看如何选择。要时间思考一下么？这里简单地说一下我的选择：

1、尽量使用单独HACK

这样维护起来成本比较低，改动不会影响其他的浏览器，而一旦有浏览器淘汰，只要搜索关键字，就可以批量去掉这些代码。比如，ie6的单独hack：

 _padding:6px;；

2、向后兼容的目标：1年

你想现在的网站兼容IE10么，谁不想，但这可预见性太低了，也可以说，成本太高了。暂时没必要。不过，IE9可能要发布了，所以，选择像

 padding:8px\0;

这样的IE8+的hack，在删掉其他代码不影响向后兼容上，会更好；并且，如果IE10出来，一旦支持这个hack，而又没有这个bug，可能删掉只影响2个浏览器，也会更方便；

3、尽可能省资源

你要是不考虑页面加载速度，不考虑服务器承受能力的话，那在向后兼容和淘汰的处理上可以做得很完美（从代码上），但这从某种程度上，不如不做。

出处：Alipay UED
责任编辑：bluehearts

上一页 说说CSS Hack 和向后兼容 [1] 下一页 说说CSS Hack 和向后兼容 [3]

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。