区别不同浏览器,CSS hack写法:
形象的总结一下Firefox 、IE6、IE7三种浏览器的CSS Hack写法:(其中橙色代表FF、蓝色代表IE6、绿色代表IE7)
区别IE6与FF:
background: orange; *background: blue;
区别IE6与IE7:
background: green !important; background: blue;
区别IE7与FF:
Background: orange; * background: green;
区别FF,IE7,IE6:
background: orange; *background: green !important; *background: blue;
备注:
IE都能识别*,标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important;
IE7能识别*,也能识别 !important;
FF不能识别*,但能识别 !important;
不管是什么方法,书写的顺序都是Firefox的写在前面,IE7写在中间,IE6写在最后面。
IE6 |
IE7 |
FF |
|
* |
√ |
√ |
× |
!important |
× |
√ |
√ |
另外再补充一个,下划线”_“,
IE6支持下划线,IE7和firefox均不支持下划线。于是大家还可以这样来区分IE6,IE7,firefox
: background:orange;*background:green;_background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
现在写一个CSS可以参照如下定义:
#menu { padding-right: 150px }/* Moz */
* html #menu { padding-right: 50px; } /* IE6 */
*+html #menu { padding-right: 150px; }/* IE7*/