ホームページ > ウェブフロントエンド > htmlチュートリアル > DIV+CSS_html/css_WEB-ITnose のブラウザ互換性の問題に対するいくつかの解決策

DIV+CSS_html/css_WEB-ITnose のブラウザ互換性の問題に対するいくつかの解決策

WBOY
リリース: 2016-06-24 12:28:15
オリジナル
1292 人が閲覧しました

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 の違い
[違いの記号]: "*"、"! important"

[例]:

#tip {

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

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 ! important; /* 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 ハックを実現できます。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート