9月08th

各大浏览器 CSS Hack 收集

DIY前端设计我来说两句!

在前端设计中,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;  }

本文出自:DIY博客园,链接:https://www.diybloghome.com/frontlogy/980.html,转载请注明!