【转载】“银弹”Hack（IE6、7、8beta1）

最新推荐文章于 2025-08-22 15:50:44 发布

转载最新推荐文章于 2025-08-22 15:50:44 发布 · 91 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/CB/archive/2008/12/19/1358265.html

本文介绍了一种适用于IE8的CSS Hack技巧，通过特定的CSS语法顺序，实现仅对IE8生效的样式定制。此外，还提供了一个用于对比不同浏览器显示效果的测试页面。

拿到IE 8 beta 2的 Search Partner Build Invitation。于是下午花了点时间先在网上搜寻了一下关于IE 8对CSS的支持，以及如何对它做Hack。

我是个懒人，最不喜欢去记那些复杂的hack，所以总是希望能找到一个“银弹”Hack，也就是“能搞定一切的通用方法”。下面是我能找到的最好的一个：

.indicator{
background: red;             /** 只对FF Opera和Safari有效 **/
#background: blue;           /** 只对IE7有效 **/
_background: green;          /** 只对IE6有效 **/
/*/background: orange;*/     /** 只对IE8有效 **/
}

说明一下：

上面的顺序不要去改动它，也不可以少写某一行。因为事实上以上各句的有效性应该是：
第一行是对所有浏览器有效（废话！）
第二行只对IE6和IE7有效（FF和IE8无效）
第三行只对IE6有效（FF和IE7、IE8无效）
第四行只对IE8有效（FF和IE6、IE7无效）
很抱歉，没有单独为IE7使用的对属性的hack，淘宝UED Team上有一个，但要重写选择符，我觉得形式太烦，不喜欢。
请不要用以前区分FF和IE6的hack方式，即在FF那一行加上!important，因为IE 8认得出这个单词（英语水平提高的原因？？哈）
除了我在注释里面写的几个以外，其他浏览器的效果我全部都不知道。若是想要做什么IE5.x或是IE/mac的hack，我建议你再另外单独写一个ie5_hack.css之类的，毕竟那是对少数族群的关怀。
再次说明，这是为像我这样记性不好的懒人使用的，而且这样写出的CSS是非常好理解的。如果你想为更全面的浏览器做Hack，或是想只针对某一个浏览器做hack，请用你自己的方法，只要你记得住。

最后，给大家一个测试页面，像试纸一样可以比对页面在不同浏览器上的效果

转载于:https://www.cnblogs.com/CB/archive/2008/12/19/1358265.html