thinking

one platform thousands thinking

CSS hack:区分IE6,IE7,firefox

CSS hack:区分IE6,IE7,firefox

区别不同浏览器,CSS hack写法:


区别IE6FF
       background:orange;*background:blue;

区别IE6IE7
       background:green !important;background:blue;

区别IE7FF
       background:orange*background:green;

区别FFIE7IE6
       background:orange;*background:green !important;*background:blue;

注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;


IE6 IE7 FF
* ×
!important ×

_ × ×

#
× ×


另外再补充一个,下划线"_",
IE6支持下划线,IE7和firefox均不支持下划线。

于是大家还可以这样来区分IE6IE7firefox
: background:orange;*background:green;_background:blue;

注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。




相关:

posted on 2010-02-10 16:14 lau 阅读(423) 评论(2)  编辑  收藏 所属分类: Web

Feedback

# re: CSS hack:区分IE6,IE7,firefox 2011-01-31 14:05 lau

*对IE8不起作用  回复  更多评论   

# re: CSS hack:区分IE6,IE7,firefox 2011-02-12 17:30 lau

{

background:orange; /*for all (包括FF)*/

background:red\0; /*for ie8*/

*background:green; /*for ie7,ie6*/

_background:blue; /*for ie6 ,注意,这个会重写前面*background的样式*/

}
  回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航: