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

ブラウザCSSハックコレクション

巴扎黑
リリース: 2017-05-01 14:29:02
オリジナル
1649 人が閲覧しました

  所谓的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;
}
ログイン後にコピー

               

以上がブラウザCSSハックコレクションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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