瀏覽器 CSS Hack 收集

  所謂的Hack就是隻有特定瀏覽器才能識別這段hack代碼。Hack 不是什麼好東西,除非沒有辦法,咱們儘可能仍是不要用着玩意。 下面是各個瀏覽器的CSS Hack 列表。html

 Firefox 瀏覽器

@-moz-document url-prefix() {
  .selector {
    property: value;
  }
}

  支持全部Gecko內核的瀏覽器 (包括Firefox)web

*>.selector { property: value; }

 Webkit 內核瀏覽器

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  Selector {
    property: value;
  }
}

 Opera 瀏覽器

html:first-child>b\ody Selector {property:value;}

 IE 瀏覽器

  IE 瀏覽器針對不一樣的版本有不一樣個Hack方式。瀏覽器

  IE 9

:root Selector {property: value\9;}

  IE 9-

Selector {property: value\9;}

  IE 8

Selector {property: value/;}

或:
@media \0screen {
    Selector {property: value;}
}

  IE 8+

Selector {property: value\0;}

  IE 7

*+html Selector{property:value;}

或:
*:first-child+html Selector {property:value;}

  IE 7-

Selector {*property: value;}

  IE6

Selector {
  _property: value;
}

或者: 
*html Selector {
  property: value;
}
相關文章
相關標籤/搜索