Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Browser-CSS-Hack-Sammlung

巴扎黑
Freigeben: 2017-05-01 14:29:02
Original
1602 Leute haben es durchsucht

  所谓的Hack就是只有特定浏览器才能识别这段hack代码。Hack 不是什么好东西,除非没有办法,我们尽量还是不要用着玩意。 下面是各个浏览器的CSS Hack 列表。

 Firefox 浏览器

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

  支持所有Gecko内核的浏览器 (包括Firefox)

*>.selector { property: value; }
Nach dem Login kopieren

 Webkit 内核浏览器

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

 Opera 浏览器

html:first-child>b\ody Selector {property:value;}
Nach dem Login kopieren

 IE 浏览器

  IE 浏览器针对不同的版本有不同个Hack方式。

  IE 9

:root Selector {property: value\9;}
Nach dem Login kopieren

  IE 9-

Selector {property: value\9;}
Nach dem Login kopieren

  IE 8

Selector {property: value/;}

或:
@media \0screen {
    Selector {property: value;}
}
Nach dem Login kopieren

  IE 8+

Selector {property: value\0;}
Nach dem Login kopieren

  IE 7

*+html Selector{property:value;}

或:
*:first-child+html Selector {property:value;}
Nach dem Login kopieren

  IE 7-

Selector {*property: value;}
Nach dem Login kopieren

  IE6

Selector {
  _property: value;
}

或者: 
*html Selector {
  property: value;
}
Nach dem Login kopieren

               

Das obige ist der detaillierte Inhalt vonBrowser-CSS-Hack-Sammlung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage