CSS hack:针对IE6,IE7,firefox显示不同效果

做网站时经常会用到,衡量一个DIV+CSS架构师的水平时,这个也很重要。

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

区别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;

   IE6  IE7  FF
 *  √  √  ×
 !important  ×  √  √



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

   IE6  IE7  FF
 *  √  √  ×
 !important  ×  √  √
_  √  ×  ×


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

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

 

转载于:www.8tops.com 原创:郭文

posted @ 2008-11-18 14:18  WCJ  阅读(1799)  评论(1编辑  收藏  举报