在 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的!
主流浏览器的一些CSS hack
最新推荐文章于 2024-08-14 09:51:48 发布