ホームページ > ウェブフロントエンド > htmlチュートリアル > ブラウザCSSハックコレクション_html/css_WEB-ITnose

ブラウザCSSハックコレクション_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:11:58
オリジナル
1341 人が閲覧しました

所谓的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;}
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート