ブラウザハックの概要とブラウザ互換性ソリューションの詳細

各ブラウザはページの解析方法が異なるため、異なるブラウザで表示されるページのスタイルは一貫性がなくなり、ページの統一性を維持するには、ブラウザの互換性の問題をデバッグする必要があることがよくあります。

CSS ハック

ブラウザの互換性に関する多くの問題に直面すると、CSS スタイルによるデバッグが必要になることが多く、最も一般的に使用されるのは CSS Hack です。いわゆる CSS ハックとは、ブラウザごとに異なる CSS スタイルを記述し、ブラウザが個別に認識するスタイルコードを使用して、特定のブラウザの表示効果を制御することです。 CSS Hack は主に 2 つのカテゴリに分類されます

CSS セレクター ハック

CSS セレクター ハックとは、特定のブラウザーのみが認識できるいくつかの Hack プレフィックスを CSS セレクターの前に追加することで、さまざまな CSS スタイルを制御することを指します。ブラウザーのバージョンごとに、セレクター ハックは次のカテゴリに分類されます。

(1) IE6 および IE6 より前のバージョンで認識されるセレクター ハック

CSS スタイルを記述するときに、このスタイルが必要な場合は、 IE6 以下のブラウザでのみ有効です。IE6 以下のセレクタ Hack を使用できます。その基本的な構文は次のとおりです。

* HTML セレクター {スタイル コード}

(2) IE7 で認識されるセレクターハック

CSS スタイルを記述するときに、このスタイルを IE7 ブラウザーのみで有効にしたい場合は、IE7 で認識されるセレクター ハックを使用できます。その基本です。構文は次のとおりです:

*+html セレクター {スタイル コード}

CSS プロパティのハック

ここでは、Xiaoqiang 先生が属性ハックをプレフィックス属性ハックとサフィックス属性ハックに分けています

CSS属性Hack（前缀）	针对的浏览器
_color:red;	IE6及其以下的版本
*color:red ;或者 +color:red;	IE7及其以下的版本
CSS属性Hack（后缀）	针对的浏览器
color:red9;	IE6/IE7/IE8/IE9/IE10版本
color:red