CSSハック集まとめ

IE ブラウザをブロックします (つまり、IE では表示されません)
*:lang(zh) select {font:12px ! important;} /*FF 専用*/
select:empty {font:12px ! important;} /* safariで表示*/
ここで選択するのがセレクターですので、状況に応じて変更してください。 2 番目の文は、MAC 上の Safari ブラウザに固有のものです。
IE7 のみ認識

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

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

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

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

select/*IE5は認識しません*/ { display:none;}
この文は、前の文から属性領域のコメントを削除したものです。 IE5 のみが認識しません
ボックス モデル ソリューション

selct {width:IE5.x width; voice-family:””}””; voice-family:inherit; width:correct width;}
ボックス モデルのクリア方法はありませんを通して!取り扱いが重要です。これは明確にする必要があります。
フロートをクリアする

select:after {content:”.”; display:block; height:0; clear:both; Visibility:hidden;}
子がすべてフローティングになっている場合、親の高さ子全体を完全にラップすることは不可能です。その後、このフローティング HACK を使用して親を 1 回定義すると、この問題は解決できます。
切り捨て省略記号

select { -o-text-overflow:ellipsis; text-overflow:nowrap; overflow:hidden; }
長さを超えた部分を自動的に切り捨てる省略記号を使用します。これは良いテクニックです。 Firefox が現在サポートしていないだけです。
Opera認識のみ

@media all and (min-width: 0px){ select {……} }
Operaブラウザは別途設定してください。
上記は、CSS を作成する際のいくつかの HACK です。これらは、ローカルの互換性の問題を解決するために使用されます。互換性のあるコンテンツを分離したい場合は、次のフィルターを試してみるとよいでしょう。これらのフィルターの一部は CSS で作成され、フィルターを通じて特別なスタイルをインポートします。また、一部は HTML で作成され、条件を通じて必要なパッチ スタイルをリンクまたはインポートします。

IE5.x 用のフィルター。IE5.x のみが表示されます

@media tty {
i{content:"";/*" "*/}} @import 'ie5win.css' /*";}
}/* */
IE5/MAC フィルターは通常は必要ありません

[クリップボードにコピー] [ - ]CODE:
/**//*/
@import “ie5mac.css”; IE の if 条件ハック

IE のみ
[endif]–>
IE5.0 のみが認識可能
IE5.0 は IE5.5 を置き換えることが保証されています。認識可能
IE 6 のみ認識可能
6/+
IE6 および IE6 より前の IE5.x は
IE 7/- IE7 でのみ認識されます
上記の内容は決して包括的なものではありません。将来の仕事の問い合わせに役立つように、これらのテクニックをまとめていただけると幸いです


。
その他の CSS Hack コレクションと関連記事については、PHP 中国語 Web サイトに注目してください