`
xttifqqk
  • 浏览: 47416 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

[转]CSS hack:区分IE6,IE7,firefox

    博客分类:
  • CSS
阅读更多
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
 

区别不同浏览器,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的写在最后面。

 

书写顺序

#example { color: #333; } /* FF */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics