ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSハックまとめクイックチェック_体験交換

CSSハックまとめクイックチェック_体験交換

WBOY
リリース: 2016-05-16 12:04:03
オリジナル
1375 人が閲覧しました

*:lang(zh) select {font:12px ! important;} /*FF 専用*/
select:empty {font:12px ! important;} /*safari で表示*/
ここで選択するのはセレクター、状況に応じて交換します。 2 番目の文は、MAC 上の Safari ブラウザに固有のものです。

IE7 のみ認識
* html {…}
この HACK は、IE7 専用のスタイルを作成する必要がある場合に使用できます。

IE6 以下の識別
* html {…}
ここに特に注意してください。多くの地主が IE6 用の HACK を作成しています。実際、IE5.x もこの HACK を認識できます。他のブラウザでは認識されません。
html/**/ >body select {……}
この文は前の文と同じ効果があります。

IE6 のみが認識しません
select { display /*IE6 は認識しません*/:none;}
ここでの主な目的は、CSS コメントを通じて属性と値を分離することです。結腸の前に放出されます。

IE6、IE5のみ認識しません
select/**/ { display /*IE6、IE5は認識しません*/:none;}
これと上の文の違いそれはセレクターと花括弧の間に追加の CSS コメントがあります。

IE5 のみ認識しません
select/*IE5 のみ認識しません*/ { display:none;}
この文は、前の文から属性領域のコメントを削除したものです。 IE5 のみが認識しません

ボックス モデル ソリューション
selct {width:IE5.x width; voice-family: "\"}\""; voice-family:inherit; width: 正しい幅; }
ボックスモデルのクリアメソッドは!重要では扱われません。これは明確にする必要があります。

フロートをクリア
select:after {content:"."; display:block; height:0; clear:both; Visibility:hidden;}
Firefox では、子がすべての場合フローティングの場合、親の高さが子全体を完全にカバーできない場合は、この HACK を使用してフローティングをクリアし、親を一度定義すると、この問題を解決できます。

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