最も一般的なのは、navigator.userAgent を検出することです (これはすべてのブラウザで使用できます。スキップしてください)。 もう 1 つは IE の条件付きコメントです。こちらの記事で詳しく説明していますhttp://www.jb51.net/article/29336.htm コードをコピー コードは次のとおりです: <br>alert('Not IE') <br></ script> <br><-<![endif] ]--> <br> </div> <br>テストの結果、このフォームは利用可能です。唯一注意が必要なのは、<!-- [IE 8]> の 'IE' と '8' の間にあるスペース文字が必要であることです。これが欠けていると大変なことになります。 <br><br>IE に基づいた条件付きコメントにはいくつかのバージョンがあります。<br><strong>まず、次の形式に似ています: <br></strong><div class="codetitle"> <span><a style="CURSOR: pointer" data="17154" class="copybut" id="copybut17154" onclick="doCopy('code17154')"><u>コードをコピーします</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code17154"> <br><!--[IE 6 の場合]> <br><input type="hidden" id =" ieVersion" value="6" /> <br><![endif]--> <br><!--[IE 7 の場合]> " id ="ieVersion" value="7" /> <br><![endif]--> <br><br> </div> <br><div class="codetitle"><span><a style="CURSOR: pointer" data="95128" class="copybut" id="copybut95128" onclick="doCopy('code95128')">コードをコピー<u></u></a> コードは次のとおりです。 </span></div> <div class="codebody" id="code95128">var ieVersion = (function(){ return document.getElementById('ieVersion')})(); 🎜> <br> 類推すると、各バージョンに関する情報を取得でき、gt、gte などを追加して一度に 1 種類のバージョンを決定することもできます。 <br>この記述方法の例は次のとおりです。 </div> <br><br><br><div class="codetitle">コードをコピー<span><a style="CURSOR: pointer" data="34649" class="copybut" id="copybut34649" onclick="doCopy('code34649')"><u> コードは次のとおりです。</u></a> </span><!--[IE 6 の場合]> </div><html class="ie6"> <div class="codebody" id="code34649"><!--[if] IE 7]> <br><html class="ie7"> <br><!--[if !IE]> - > <br><html><!--<![endif]--> <br><br> <br>したがって、CSS での他のハックは必要ありません。 IE でのハック CSS をもう一度読み込みます。<br>直接<br><br> </div> <br><br>コードをコピーします<br><div class="codetitle"> <span> コードは次のとおりです:<a style="CURSOR: pointer" data="16086" class="copybut" id="copybut16086" onclick="doCopy('code16086')"> <u> </u>.ie6 xx {} </a>.ie7 xx{} </span>.ie8 xx{} </div>xx{} <div class="codebody" id="code16086"> <br> <br>2 番目、次のように記述できます。もちろん、ページは JS によって動的に生成することもできます。グーグルで調べてみると、実際にこれをやっている人がいることが分かりました。 <br>記事のアドレスは次のとおりです: <br>http://www.jb51.net/article/29337.htm<br>、かなり詳しく書かれており、原理は非常にシンプルです。 </div>ただし、条件付きコメントは JS に限定されており、CSS では役に立たないという欠点があります。 <br>続けて、条件付きコメントを動的に生成して IE のバージョンを識別できるため、IE ベースの CSS ハックでも HTML フラグメントを動的に生成し、スタイル値を使用してバージョンを決定できるはずです。 <br>次のフォームは最も簡単に考えられるもので、テストして機能することがわかりました。次のコード部分を見てください。<a href="http://www.jb51.net/article/29337.htm" target="_blank"></a><br><br>コードをコピーします<br><br><div class="codetitle"> コードは次のとおりです:<span><a style="CURSOR: pointer" data="98332" class="copybut" id="copybut98332" onclick="doCopy('code98332')"> <u><div id="test_1"><span style="color: red; color: # ff6600<BR>IE9 での結果: LOG: test_1: yellow----test_2: yellow <BR>IE8 での結果: LOG: test_1:#ff6600----test_2:#ff6600 <BR>IE7 での結果: LOG: test_1:green----test_2:blue <BR>IE6 での結果: test_1:blue ----test_2:blue (IE6 には console.log がないため、上記の console.log を次のように置き換える必要があります)アラート) <br><br>IE7 では上記の 2 つの状況が矛盾していることに気づいたはずです。IE7 互換モードの問題なのか、それとも他の理由なのかわかりません。私にアドバイスを。 <BR>確認コード: <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="25036" class="copybut" id="copybut25036" onclick="doCopy('code25036')"><U>コードをコピー</U></a></span> コードは次のとおりです: </div><div class="codebody" id="code25036"> <BR><div> ;<span style="*color:red; _color:blue;">オリジナル</span></div> <br><script> <br>var test = document.createElement('div') ; <br>test.innerHTML = '<span style="*color:red; _color:blue;">動的に生成されました</span>' <br>document.body.appendChild(test); < ;/スクリプト> <br><br> </u></a></span> </div> <br>IE7 の結果: <p> </p> <p><img alt="" src="http://files.jb51.net/upload/201201/20120104165349856.jpg"> </p>IE6 の結果: <p> </p> <p><img alt="" src="http://files.jb51.net/upload/201201/20120104165349669.jpg">基本原理は IE の条件付きコメントと似ています。色の値を一度検出できるので、上記の例を次のように変更します。 > コードをコピーします </p> <br><div class="codetitle"> コードは次のとおりです: <span><a style="CURSOR: pointer" data="44926" class="copybut" id="copybut44926" onclick="doCopy('code44926')"> <u><div id="test_1"><span style="color: red; color: #ff6600</u></a></span> </div>