CSS hack

2010-02-25
  • 1364
  • 0

CSS hack:区分IE6,IE7,firefox

  区别不同浏览器,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;_background:blue;

  background:orange;*background:green !important;*background:blue;

  注:IE都能识别*;标准浏览器(如FF)不能识别*;

  IE6能识别*,某些情况下不能识别 !important,

  -----------------------------------------------------------------------------------------------

  IE6支持重定义中的!important,例如:

  . example {color:#e00!important;}

  . example {color:#000;}

  你将会发现定义了样式class="example"时,在IE下,字体显示为红色(#e00)。

  但不支持同一定义中的!important。例如:

  . example {color:#e00!important;color:#000}

  此时在IE6下不支持,你将会发现定义了样式class="yuanxin"时,字体显示为黑色(#000)。

  -----------------------------------------------------------------------------------------------

  IE7能识别*,也能识别!important;

  FF不能识别*,但能识别!important;

  IE6 IE7 FF

  * √ √ ×

  !important × √ √

  浏览器优先级别:FF<IE7<IE6,CSS hack书写顺序一般为FF IE7 IE6