<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<頭>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE6、IE7、IE8、FireFox を区別する CSS ハック</title>
<style type="text/css">
<!--
#テスト、#メモ{
マージン:0 自動;
テキスト整列:中央;
}
.note{ テキスト整列:左; テキストインデント:40px;}
＃テスト {
幅:200ピクセル;
高さ:30ピクセル;
ボーダー: 1px ソリッド #000000;
色:#fff;
行の高さ:30px;
}
。色{
背景色: #CC00FF; /*すべてのブラウザは紫色で表示されます*/
背景色: #FF00009; /*IE6、IE7、および IE8 は赤色で表示されます*/
*background-color: #0066FF; /*IE6 と IE7 は青になります*/
_background-color: #009933; /*IE6 は緑色になります*/
}
-->
</スタイル>
</head>
<body>
<div id="test" class="color">テストブロック zss</div>
<div id="note">
<strong style="color:#009933">IE6 は緑色になります</strong>
<strong style="color:#0066FF">IE7 は青色になります</strong>
<strong style="color:#FF0000">IE8 は赤色で終了します</strong>
<strong style="color:#CC00FF">ついに FireFox が紫色になりました</strong>
<div class="note">
今日、hiccblogs で IE8 との互換性に関する記事を見ました。残念ながら、これは IE とのみ互換性があり、大きな制限がある IE7 のコアに基づいています。 CSS の互換性については比較的慣れていると思います。IE8 がリリースされたので、IE8 の互換性について勉強しましょう。
</div>
<div class="note">CSS の互換性は、常に誰にとっても悩みの種です。これまでの記事で、この分野に関する多くの知識が紹介されてきました。 IE8 の正式版がリリースされて以来、Baidu で検索すると多くの結果が表示されますが、Google で検索するとさらに多くの結果が表示されます。 IE8 の正式版とベータ版にはハッキングの点で大きな違いがあります。また、インターネット上にあるほぼすべてのメソッドが相互に転載されており、最も頻繁に登場するのは linxz.cn のハック画像です。残念ながら、この図の方法は IE8 の正式版では無効です。
分析と要約の結果、次のような効果的な解決策が得られます。将来的には、より優れた簡単なハックが登場するかもしれませんが、現時点ではこの方法で緊急のニーズを解決できます。<br />
</div>
<div class="note">
<ul>
<li style="list-style:none;"><strong style="color:#009933">簡単な例:</strong></li>
<li>「9」 例: 「margin:0px auto9;」。</li>
<li>ここでの「9」は、すべての IE と FireFox を区別できます。</li>
<li>"*" IE6 と IE7 は認識できますが、FireFox は認識できません。</li>
<li>「_」 IE6 は「_」を認識できますが、IE7、IE8、および FireFox は認識できません</li>
</ul>
</div>
</div>
</body>
</html>