瀏覽器 CSS Hack 收集

pdce 9年前發布 | 14K 次閱讀 CSS 前端技術

所謂的 Hack 就是只有特定瀏覽器才能識別這段hack代碼。Hack 不是什么好東西,除非沒有辦法,我們盡量還是不要用著玩意。 下面是各個瀏覽器的CSS Hack 列表。

Firefox 瀏覽器

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

支持所有Gecko內核的瀏覽器 (包括Firefox)

*>.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;
}

 本文由用戶 pdce 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!