主流浏览器的一些CSS hack

来源:互联网 发布:新视野零售软件 编辑:程序博客网 时间:2024/06/01 10:45
在 CSS中常用特殊字符识别表: (1)*:  IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; (2)!important: 除IE6不能识别 !important外,  FF+IE8+IE7都能识别!important  (加上一个“!important”的css规则优先于正常的CSS规则)(3)_ : 除IE6支持_ 外,  FF+IE8+IE7都不支持_; (4)\9:所有IE浏览器都识别(IE6、IE7、IE8、IE9)例如:height:10px;height:20px\9;*height:30px;_height:40px;用这个套组合调节火狐,IE8、IE7、IE6很有效果,前面10px在火狐下的高度,20px是在IE8下高度,30px是在IE7下的高度,40px是在IE6下的高度。实践:.test{ color:#000000; /* FF,OP支持 */ color:#0000FF\9; /* 所有IE浏览器(ie6+)支持 ;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack */color:#0000FF\0; /* IE8支持*/[color:#000000;color:#00FF00; /* SF,CH支持 */ *color:#FFFF00; /* IE7支持 */ _color:#FF0000; /* IE6支持 */ }其中:OP表示Opera,SF表示Safari,CH表示Chrome;CSS HACK书写顺序:先写FF等非IE浏览器所需样式,其次写IE8所需样式,接着是IE7的,再接着才是IE6的! 
0 0
原创粉丝点击