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

拿到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

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

兼容ffIE678 hack(IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例)
兼容ffIE678 hack(IE6.IE7.IE8.Firefox兼容性CSS HACK代码+示例) 1.区别IE和非IE浏览器CSS HACK代码 #divcss5{ background:blu ...
[转载]使用兼容ie6 ie7 ie8 FF的text-overflow:ellips
使用兼容ie6 ie7 ie8 FF的text-overflow:ellipsis超出文本显示省略号来代替截取函数更有利于seo,如果使用截取函数,源代码中的标题是显示不完整的,即便是在title属性 ...
IE6,7,8中兼容css3圆角问题
圆角效果使人感觉网页更加协调美观,ie9.Opera 10.5.Safari 5.Chrome 4和Firefox 4及其以上版本都添加了对css3的支持,这让我们领略到了css3的强悍. 传统的圆角 ...
CSS hack 初学小结
什么是浏览器HACK:当我们使用不同的浏览器(Firefox,IE7, IE6, IE 8, Safari, Opera, chrome)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,有的显 ...
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox)
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行 ...
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..
CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不 ...
HTML5+CSS3之快速入门 day6-day10布局，表单，css精灵，css hack，BFC规范
day06 布局核心: 盒模型(间距) 浮动 (并排) 定位 (覆盖+ 特殊位置) 定位类型position 静态定位 position:static; 默认值静态定位不能使盒子位置变化不适合布局 ...
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...)
CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不 ...
毕业一年左右的前端妹子面经总结
前言嗯(emmmm),这篇面经我两周在SegmentFault上写过啦,现在在掘金上再更新一下会不会有人想揍我:你看又来了又来了~因为答应了一位技术经理不能食言在掘金上也写写文章,所以如果看过的那就 ...

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

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

最新文章

热门文章