FF 向け CSS ハック (概要)

IE8.0の正式版をインストールしたので、基本的なCSS HACKをいくつかまとめてみました。WebページのフロントエンドレイアウトにDIV+CSSを実装する方の参考になれば幸いです。
この記事は主にIE6+IE7+IE8+IE9+FFに焦点を当てています

HACK の原則: ブラウザによって認識される文字が異なります (この記事を読めば、FF と IE8 が次の文字を認識する能力がまったく同じであることがわかります)
CSS でよく使用される特殊文字認識テーブル:
(1) *: IE6+IE7は*を認識できますが、標準ブラウザFF+IE8は*を認識できません。
（２）!important：IE6を除き、FF+IE8+IE7は!importantを認識できます。
(3)_: IE6を除き、FF+IE8+IE7はサポートされていません。
(4)\9: すべてのIEブラウザが認識します（IE6、IE7、IE8、IE9）
(5)\0: IE8のみ有効

例：
（１）FF（IE8）とIE6、IE7の違い
backgorund:orange; FFとIE8の背景色はオレンジになります
*backgorund:red; IE6とIE7の背景色は赤になります
（２）FF（IE8）とIE6、IE7の違い
background:orange; FF と IE8 の背景色はオレンジになります
*background:red !important; IE7の背景色は赤になります
*background:blue; IE6の背景色は青になります
（３）FF（IE8）とIE6、IE7の違い
background:orange; FF と IE8 の背景色はオレンジになります
*background:red; IE7の背景色は赤になります
_background:blue; IE6の背景色は青になります
（4）FFとIE6 IE7 E8の違い
color:gray; FFなどのIE以外のブラウザのフォント色は灰色になります
color:red\9; IE8 IE9 のフォント色は赤になります

一目で理解できます:

コードをコピー

コードは次のとおりです。

<スタイル>
div{
幅:400ピクセル;
高さ:400px;
背景色:赤;
background-color:blue\9; /*すべてのIE*/
background-color:yellow\0; /*IE8 ハック*/
_background-color:#CDCDCD; /* つまり 6*/
*+html background-color:white; /*IE7 のみ*/
*background-color:pink; /*IE6 IE7 ハック*/
@background-color:white; /*オペラハック*/
}
</スタイル>

<<: JavaScript 配列の重複排除とフラット化関数の紹介

>>: RabbitMQ の Docker インストールと設定手順