把目前浏览器归纳一下,FireFox 、Opera、Safari、Chrome、IE8归一类,IE7 和 IE6 分别归一类。虽然IE8还有许多地方不标准,好在绝大多数常用的算是统一了,所以放到第一类。很明显,按着第一类的标准写web,就基本在各类浏览器里通行了,但用的人最多的是IE7和6,考虑到第一类会成为未来,所以兼容的“原则”应该是:正常写法让给第一类,特殊写法针对ie7和6进行。
去网上搜索了一些资料,总结方法如下:
【方法一】 利用通配符:* +
<style>
body {
/* ie8、ff3、op9、ch2 */
background:green;
}
*+html body {
/* ie7 */
background:blue;
}
*html body {
/* ie6 */
background:red;
}
</style>
【方法二】 利用优先级:!important
<style>
body {
/* ie8、ff3、op9、ch2 */
background:green !important;
/* ie7 */
>background:blue !important;
/* ie6 */
background:red;
}
</style>
【方法三】 利用IE特性:. _
<style>
body {
/* ie8、ff3、op9、ch2 */
background:green;
/* ie7 */
.background:blue;
/* ie6 */
_background:red;
}
</style>
web前端寒风总结推荐:
方法1:无疑写起来是最麻烦的一种,要在选择标签外来区分,可以选择性使用。
方法2:!important是三个方法里唯一标准CSS写法,但很明显,不符合我开头归纳的“原则”,即把正常写法让给了ie6,而把特殊写法用在了支持最多的 ie8、ff……等上,无疑写起来麻烦,所以不推荐方法2,!important应该用在某些多选的样式定义场合,而不应该用于进行兼容浏览器。
方法3:抱歉,标题里写的是“利用IE特性”,其实我也不太清楚“_”和“.”是CSS语法还是真的ie特有?希望高人指教,不管怎么说,方法3即符合“原则”,又写起来简单,所以推荐使用方法3。
分享到:
相关推荐
各浏览器CSS hack兼容表各浏览器CSS hack兼容表
什么是CSS hack: 由于不同的浏览器,对CSS的解析认识不一样,从而导致生成的页面效果不一样,得不到我们所需要的页面效果。... 针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack
css hack ie6 ie7 ie8 firefox等浏览器兼容性
解决浏览器兼容性问题的主要方法是CSS hack。由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面...
CSS Hack 浏览器兼容文档 ,用于兼容IE6、IE7、IE8、IE9、FF
各浏览器的cssHack总结、css样式兼容
CSS hack浏览器兼容一览表,html文件。
不同浏览器、不同版本存在css的差异,CSS hack可以兼容,主要针对ie浏览器
css的hack技术,跨浏览器兼容问题,想从事web前端的孩纸们快来看看啊
CSS Hack 不得不在一些项目中运用到
搜集整理的CSS HACK,也即是在多种浏览器(主要是ie6 ie7 ie8 ff)下样式统一的解决办法。 内容还是较全的,前台开发中常见的兼容性问题都可以找到解决方法,值得研究。...包括各浏览器CSS hack,技巧。有实例。
pdf文件,介绍了CSS hack问题,用于兼容多种浏览器的样式问题,欢迎下载。
各种浏览器的兼容性和CSS HACK的写法,让你不再为IE6和各种浏览器的兼容性发愁,非常方便!
10个非常有用的CSS hack,浏览器兼容性处理
important常常被我们用来更改样式,而不是兼容 hack。造成这个误区的原因是IE6在某些情况下不主动识别!important,以至于常常被人误用做识别IE6的hack。可是,大家注意一 下,IE6只是在某些情况下不识别(ie6下,同一...
CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8 CSS 浏览器兼容
区分各种浏览器的css样例,包括:IE5~IE10,FF,Chrome,opera等浏览器
一、基础概念 CSS hack:针对不同的浏览器写不同的CSS code的过程。...div+css浏览器兼容IE6,IE7,FF之间的标识区别: IE6 IE7 FF * √ √ × important × √ √ 1. IE都能识别* ; 标准浏览
css hack 兼容性的总结与体会. IE6,IE7,IE8,IE9,firefox,apple,chrome等等浏览器的兼容性
本文汇总了一些CSS的浏览器兼容性的hack,都是非常常用的,作为一个前端设计师经常能够用到,这里推荐给大家。