ブラウザ ハッキングの概要 ブラウザ互換性ソリューションの詳細_html/css_WEB-ITnose

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

CSS Hack

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

CSS セレクター ハック

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

(1) IE6 以下で認識されるセレクタ ハック ブラウザが有効になり、IE6 以下のセレクタ ハックが使用できます。 基本的な構文は次のとおりです。 :


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

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

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

対象ブラウザ

_color:red;

IE6 以下のバージョン

*color:red または +color:red;

IE7 以下のバージョン 対象ブラウザ IE6/IE7/IE8 /IE9/IE10 バージョン

	CSS プロパティ ハック (サフィックス)
	color:red9;
	color:red