ホームページ >ウェブフロントエンド >htmlチュートリアル >DIV+CSS と IE6 IE7 と IE8_html/css_WEB-ITnose 間の互換性の問題

DIV+CSS と IE6 IE7 と IE8_html/css_WEB-ITnose 間の互換性の問題

WBOY
WBOYオリジナル
2016-06-24 12:28:46959ブラウズ

1. IE ブラウザと非 IE ブラウザの違い

#tip {
background : blue ; /*IE 以外の背景色 */
background : red 9 ; /* IE6、IE7、IE8 の背景色 * /
}


2. IE6、IE7、IE8、FFの違い

[違いの記号]: "9"、"*"、"_"
【例】:

#tip {
background: blue; * Firefox の背景が青になります*/
background : red 9 ; /* IE8 の背景が赤になります*/
*background : black ; /* IE7 の背景が黒になります*/
_background : /* IE6 の背景がオレンジになります*/
}

【解説】:IEシリーズのブラウザは「9」、IE6とIE7は「*」(米のフォントサイズ)、IE6は「_」(下線)を認識できるので、順番に書き込めます。ブラウザは CSS 構文を正しく読み取って理解するため、IE バージョンと非 IE ブラウザ (Firefox、Opera、Google Chrome、Safari など) を効果的に区別できます。
3. IE6、IE7 と Firefox の違い (方法 1)

[違いの記号]: "*"、"_"
[例]:

#tip {
background: blue; /* Firefox の背景が青になります。 /
*background : black ; /* IE7の背景が黒になります*/
_background : orange ; /* IE6の背景がオレンジになります*/
}

[説明]: IE7とIE6は「*」(米のフォントサイズ)を読み取ることができます「_」(下線)も読み取れますが、IE7 では「_」を読み取れません。Firefox(IE 以外のブラウザ)では、「*」と「_」をまったく認識できませんので、この違いを利用できます。 IE6、IE7、Firefoxを区別する 4. IE6、IE7、Firefoxを区別する(方法2)
[違いの記号]: "*"、"!重要"

[例]:

#tip {

background : blue ; * Firefox の背景が青になります*/
*background : green ! important ; /* IE7 の背景が緑になります*/
*background : orange /* IE6 の背景がオレンジになります*/
}
【説明】: IE7 は「*」を認識しますただし、IE6 では「*」のみ認識できますが、「!重要」は認識できません。Firefox では、「!重要」は読み取れますが、「*」は認識できないため、この違いを利用して分離を効果的に区別できます。 IE6、IE7、Firefox。

5. IE7 と Firefox の違い
[違いの記号]: "*"、"!重要"

[例]:

#tip {

background: blue; /* Firefox の背景が青になります*/
*background: green ! important ; /* IE7 の背景が緑色になります*/
}
[説明]: Firefox は「! important」を認識できますが、「*」は認識できませんが、IE7 は「*」と「! important」を同時に理解できるためです。 . であるため、IE7 と Firefox を区別するために 2 つの識別記号を使用できます。

6. IE6 と IE7 を区別する (方法 1)
[違いの記号]: "*"、"_"

[例]:

#tip {

*background: black; /* IE7 の背景は黒になります。
_background : orange ; /* IE6 の背景がオレンジ色になります*/
}
【説明】: IE7 と IE6 はどちらも「*」(米文字サイズ) を認識できますが、IE6 は「_」(下線) を認識できますが、IE7 は認識できません。 IE6 と IE7 の違いは、IE7 では「_」を読み取ることができないという特徴によって簡単に区別できます。

7. IE6 と IE7 の違い (方法 2)
[違いの記号]: "! important"

[例]:

#tip {

background: black !payment; /* IE7 の背景は黒になります*/
background : orange ; /* IE6 の背景がオレンジ色になります*/
}
[説明]: IE7 では「! important;」を読み込むことができますが、IE6 では読み込むことができず、CSS の読み込み手順が上から下にあるため、IE6 が「! important;」を読み込むと、 " を認識できず、次の行に直接ジャンプして CSS を読み取ると、背景色がオレンジ色で表示されます。

8. IE6 と Firefox の違い
[違い記号]: "_"

[例]:

#tip {

background : black ; /* Firefox の背景は黒になります*/
_background : orange ;オレンジ色*/
}
[説明]: IE6 は「_」(下線) を認識できますが、Firefox は認識できないため、この違いを利用して Firefox と IE6 を区別し、CSS ハックを効果的に実現できます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。