copy from:
http://www.cnblogs.com/xiaoheng/articles/1095196.html
先来看看下面的CSS代码:
-
background-color
:orange
;
-
*background-color
:blue
;
-
_
background-color
:red
;
下面我简单解释一下各浏览器怎样理解这三个属性:
在FF下,第2、3个属性FF不认识,所以它读的是background-color:orange;
在IE7下,第3个属性IE7不认识,所以它读第1、2个属性,又因为第2个属性覆盖了第1个属性,所以IE7最终读出的是第2个属性*background-color:blue;
在IE6下,这3个属性IE6都认识,所以3个属性都可以读取,又因为第3个属性覆盖掉前2个属性,所以IE6最终读取的是_background-color:red。
其中IE的读取属性一定要知道,这对初学者而言使用CSS
HACK是非常至关重要的,浏览器读取属性是从上至下的,也就是说同样属性的设置最后一个读取到的才是在浏览器上显示的。此外在方案二种的“_”这是只有
IE6才认识的,可见其大胃王的感觉。另外!important不同,它打破了从上至下的读取习惯,使用的是优先显示。而在上述两个方案中可以看出FF除
了正规CSS书写和!important外其它都不认识,标准就是统一的。
在这里并不是怂恿大家鼓励使用CSS HACK,只是别看到其他人写的CSS代码中有这些HACK不知道是什么意思。毕竟用CSS
HACK来解决浏览器间的兼容并不是长远方法,如果新版本浏览器的出现说不定会把你原来写的CSS
HACK怎样,IE7就是个很好的例子。尽量达到零使用CSS HACK或者说少使用,因为好的布局结构是可以很好解决这些问题,这样的网站也大有人在。
分享到:
相关推荐
搜集整理的CSS HACK,也即是在多种浏览器(主要是ie6 ie7 ie8 ff)下样式统一的解决办法。 内容还是较全的,前台开发中常见的兼容性问题都可以找到解决方法,值得研究。 包括各浏览器CSS hack,技巧。有实例。
CSS Hack 浏览器兼容文档 ,用于兼容IE6、IE7、IE8、IE9、FF
通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐
CSS完美兼容IE6/IE7/FF的通用方法 一、CSS HACK 以下两种方法几乎能解决现今所有HACK.
区分ie 6 7 8 ; background:红色; /*非ie显示*/ bankground:蓝色 \9; /*ie显示*/ }
写了有不少网页了,css的兼容性代码也写了不少,将收集的一些常用的hack方法打包上传共享下~ 下面是最常用的三种hack方式 第一种: .div { background:orange;/*ff*/ *background:green !important;/*ie7*/ ...
firefox和IE对某些css样式的认定有不少区别
首先感谢“丸子”提供的这个IE8的css hack; 关注过IE8的css hack的人相信大家都在使用这个hack,就是“\9”的css hack: .test{ color:#000000; /* FF,OP支持 */ color:#0000FF\9; /* 所有IE浏览器(ie6+)支持 ;...
关于CSS HACK的文章在jb51.net中提及的也很多。CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。
本篇文章小编为大家介绍,CSS HACK收集:关于IE6/FF/google等浏览器hack的方法详细。需要的朋友参考下
CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
本CSS Hack代码范例,可以直观显示各个版本浏览器hack的使用。兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0。
对IE6 IE7 FF的所要求的样式解析
区分各种浏览器的css样例,包括:IE5~IE10,FF,Chrome,opera等浏览器
针对IE8正式版的CSS hack目前可以找到的分为2种: 第一种:”\9″: 基本的写法: 1..test { color/*\**/: blue\9 } 这个IE6、IE7、IE8都能识别;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack:...
简单试用了一下IE8后,今天相对有时间点,对IE8、IE7、IE6、Firefox2.0.0.12做了简单的一些CSSHACK测试。样式代码: p{color:#f00;} xhtml代码: 文字 主要是测试“文字”这个颜色在不同浏览器下使用hack的一些...
IE都能识别*;标准浏览器(如FF)不能识别*; IE6能识别*,但不能识别 !important, IE7能识别*,也能识别!important; FF不能识别*,但能识别!important;
书写顺序一般是将识别能力强的浏览器的CSS写在后面,CSS hack书写顺序一般为FF IE7 IE6 div+css浏览器兼容IE6,IE7,FF之间的标识区别: IE6 IE7 FF * √ √ × important × √ √ 1. IE都能...