Internet Explorer固有のCSSやInternet Explorer固有のJavaScriptコードなどの特定の状況でInternet Explorer 10のみをターゲットにするにはどうすればよいですか？

160

Internet Explorer固有のCSSやInternet Explorer固有のJavaScriptコードなどの特定の状況でInternet Explorer 10のみをターゲットにするにはどうすればよいですか？

私はこれを試しましたが、うまくいきません：

<!--[if IE 10]>    <html class="no-js ie10" lang="en"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->

Internet Explorer 10は条件付きコメントを無視し、<html lang="en" class="no-js">代わりにを使用します<html class="no-js ie10" lang="en">。

javascript  html  css  internet-explorer-10  conditional-comments 
— trusktr
ソース
8
よりよい質問は次のようになると思います：このCSSを両方のブラウザで同じにするにはどうすればよいですか？
— BentOnCoding 2012年
12
IE10 PP4は引き続きこの@cc_onステートメントをサポートしています。したがって、IE10がサポートされているかどうかを検出するには、次のコードを使用できます<!--[if !IE]><!--><script>if(/*@cc_on!@*/false){document.documentElement.className+=' ie10';}</script><!--<![endif]-->。（IEはまだ開発中であるため、コメントとして投稿しました。最終リリースもこの機能をサポートしているかどうかは不明です）
— Rob W
15
@RobW-ie11がリリースされると、サンプルコードは正しくなくなります。改良バージョン：<script>if(Function('/*@cc_on return document.documentMode===10@*/')()){document.documentElement.className+=' ie10';}</script>改良：条件付きコメントを必要としません。コメントが圧縮/処理を取り除く場合でも機能します。ie11に追加されたクラスはありません。ie10互換モードで実行されているie11で動作します。スタンドアロンスクリプトタグは必要ありません（他のJavaScriptに追加することができます）。
— robocat
2
上記のコードスニペットの例：jsbin.com/upofoq/2
— robocat
8
より一般的な解決策は次のとおりif(document.documentMode) document.documentElement.className+=' ie'+document.documentMode+'mode';です。-問題の90％を解決します（互換モードが失敗する場合があります。その場合、その上に別のレベルの修正が必要です）。
— robocat

回答:

65

おそらく、次のようなjQueryを試すことができます。

if ($.browser.msie && $.browser.version === 10) {
  $("html").addClass("ie10");
}

このメソッドを使用するには、この関数がメインのjQueryライブラリから削除されているため、jQuery Migrateライブラリを含める必要があります。

私にとってはかなりうまくいきました。ただし、条件付きコメントの代わりになるものはありません。

— マックス・ゾート
ソース
3
私はあなた達については== '10.0'
— わかり
112
警告：jQuery.browserプラグインなしの現在のバージョンのjQuery（1.9）では使用できなくなりました。blog.jquery.com/2013/01/15/...
— dave1010
2
お勧めします： 古いバージョンのIEを検出するには、バージョン<10にif (jQuery.browser.msie && jQuery.browser.version < 10) { // do what you will here }注意してください。IE10以降は、CSS3、HTML5、jqueryなどのすべてで問題なく動作します
— Dan Mantyla
1
@danは、10未満のすべてのIEブラウザーで条件付きコメントが機能するため、すべてのブラウザーでJSを乱雑にする代わりにそれらを使用します。<！-[if lte IE 9]>と言うだけで、10未満のすべてのIEバージョンをターゲットにできます。JSは不要です。
— edhurtig 2013
1
@Marc-AndréLafortuneは良い点を提起します。経験則として、==ではなく常に===演算子を使用する必要があります。JavaScriptを作成するときは、このことに注意する必要があります。stackoverflow.com/questions/359494/…–
— Stewart
132

なりすましの可能性があるため、JavaScript navigator.userAgentや$ .browser（を使用navigator.userAgent）は使用しません。

Internet Explorer 9、10、11をターゲットにするには（注：最新のChromeも）：

@media screen and (min-width:0\0) { 
    /* Enter CSS here */
}

Internet Explorer 10をターゲットにするには：

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS here */
}

Edgeブラウザをターゲットにするには：

@supports (-ms-accelerator:true) {
  .selector { property:value; } 
}

出典：

— ロニ
ソース
それは本当に素晴らしいです。しかし、IEでブラウザーモードに対してさまざまなドキュメントモードをテストする場合、どの程度心配すべきでしょうか。オンラインユーザーが現在のブラウザーモードとは異なるドキュメントモードを使用することをどのような状況で期待できますか？
— クレウィス
ユーザーは通常、ドキュメントモードを変更しません。できますが、ユーザーがドキュメントモードを変更する必要のあるサイトはありません。正しいDOCTYPEを使用している場合、これはまったく問題ではありません。
— Roni、2013
3
あなたは私のヒーローです！ただのメモ、これはまたIE11で台無しにされたいくつかのものを修正しました
— locrizak
8
これはIE11にも影響します。IE9/ 10のみを対象とするソリューションを探している場合、これは機能しません:-(
— Lukasz Lenart
1
「それらすべてが経由でブラウザを検出している」とはどういう意味navigator.userAgentですか？条件付きコンパイルはJScriptランタイムの組み込み機能であり、ユーザーエージェント文字列を介してスプーフィングすることはできません。
— BoltClock
111

私はこのサイトで誰かが貴重なコメントをした解決策を見つけました：

解決策は次のとおりです。

if (Function('/*@cc_on return document.documentMode===10@*/')()){
    document.documentElement.className+=' ie10';
}

それ

  • 条件付きコメントは必要ありません。
  • コメントが圧縮/処理を取り除く場合でも機能します。
  • Internet Explorer 11にはie10クラスは追加されていません。
  • Internet Explorer 10互換モードで実行されているInternet Explorer 11で意図したとおりに機能する可能性が高くなります。
  • スタンドアロンスクリプトタグは必要ありません（ヘッド内の他のJavaScriptコードに追加できます）。
  • テストにjQueryは必要ありません
— ウィレムデウィット
ソース
3
@ dave1010ユーザーエージェントは簡単に偽装できます。条件付きコメントは、IE4 +（10を含む）でのみ使用可能なJScriptエンジンでのみサポートされます。
— Rob W
2
@ dave1010説明していることを実行するパーサーを作成することは困難であり、非常に困難です。このような拡張機能を故意に作成してインストールする人は、おそらくIEのように動作するつもりです（おそらく、Windows以外の環境での自動テストの目的ですか？）。ブラウザでは100％の信頼は保証されませんが、十分に近づくことができます。条件付きコメントは、IEで使用されているJScriptエンジンを検出するための非常に信頼できる方法です。
— Rob W
3
私が見ることができる唯一の欠点は、条件式では必要とされなかったjsを必要とすることです
— James Westgate
4
これが一番の答えになるはずです。JSの要件はIE10ユーザーにとっては意味がないはずです。JSが無効になっている場合は、おそらくNoScriptアドオンにすぎません。（AdBlockやGhosteryのような正気なアドオンとは対照的に）NoScriptの純粋な愚かさについて、より多くの公教育が必要だと思います。
— iono 2013
8
著者から提供された代替コードを使用することをお勧めします。if (/*@cc_on!@*/false && document.documentMode === 10) {}これは、lintingプログラムのeval警告を回避します。
— ajbeaven 2013年
62

Internet Explorer 10は、条件付きコメントを読み取ろうとしなくなりました。つまり、条件付きコメントは他のブラウザと同じように扱われます。通常のHTMLコメントとして扱われ、完全に無視されることを意味します。例として質問で与えられたマークアップを見ると、IE10を含むすべてのブラウザは、灰色で強調表示されているコメント部分を完全に無視します。HTML5標準では、条件付きコメント構文については言及されていません。これが、IE10でのサポートを停止することを選択した理由です。

ただし、コメントと最近の回答に示されているように、JScriptの条件付きコンパイルは引き続きサポートされています。最終リリースでも、とは異なりjQuery.browser、なくなることはありません。そしてもちろん、言うまでもなく、ユーザーエージェントのスニッフィングは依然として脆弱であり、どのような状況でも使用すべきではありません。

IE10をターゲットにする必要がある場合は、近い将来サポートされる可能性のある条件付きコンパイルを使用するか、またはそれが可能であれば、ブラウザー検出の代わりに（またはそれと組み合わせて）Modernizrなどの機能検出ライブラリを使用してください。サーバー側でスクリプトやIE10に対応する必要がない場合を除き、ユーザーエージェントのスニッフィングは実行可能なオプションよりも頭痛の種になるでしょう。

かなり厄介に聞こえますが、今日のWeb標準に高度に準拠している最新のブラウザー1として、非常に標準に準拠した相互運用可能なコードを記述している場合、絶対に必要な場合を除いて、IE10用の特別なコードを用意する必要はありません。つまり、動作やレンダリングの面で他のブラウザに似ているはずです。2そして、IEの歴史を考えると、それは遠くに聞こえますが、FirefoxまたはChromeが同じように動作して期待外れに遭遇するだけであると何回期待しましたか？

あなたがいる場合行うすべての手段によって、特定のブラウザをターゲットとする正当な理由を持っているあなたに与えられた他のツールとそれらを嗅ぎ分けます。私は、あなたが今日そのような理由を見つけるために、以前よりもはるかに困難に陥るだろうと言っているだけであり、それは本当にあなたが信頼できるものではありません。

1 IE10だけでなく、IE9、さらにはChromeよりもはるかに優れた成熟したCSS2.1標準のほとんどを処理するIE8も、IE8が標準への準拠に非常に重点を置いていたため（当時、CSS2.1は、わずかな違いのみですでにかなり安定していた）今日の推奨から）Chromeは、最先端の疑似標準の半分洗練された技術デモに過ぎないようです。

2 そして、私がこれを言うとき、私は偏見を持っているかもしれません、しかし、地獄がそうするように、それは確かです。コードが他のブラウザーでは機能するがIEでは機能しない場合、IE10ではなく独自のコードの問題である確率は、たとえば3年前の以前のバージョンのIEと比べてはるかに優れています。繰り返しますが、私は偏見があるかもしれませんが、正直に言ってください。あなたもそうではありませんか。コメントを見てください。

— ボルトクロック
ソース
20
ええ、そうです、IE10はまだwebkitとgeckoに大きく遅れています。私はいくつかのCSSをwebkitで見栄えがよく、IE10でひどいようにしています。スタイルを選択的に適用する方法が見つからない場合は、そのようなスタイルを放棄する必要があります。:(
— trusktr
2
HTML5パーサーが追加されたIE10では、条件付きコメントが削除されたことを指摘する価値があります。HTML5解析アルゴリズムによると、条件付きコメントは無効です。blogs.msdn.com/b/ie/archive/2011/07/06/…の
— David Storey
3
@trusktrうまくコーディングすれば、最新のすべてのブラウザで見栄えがよくなります。
— クレビスミホ2013
10
@KlevisMiho真実ではありません。ChromeとFirefoxは、適切にコーディングされていても、IEにはない機能をサポートしています。「一般的な機能のみを使用する」という意味の場合は、「よくコード化する」とはまったく異なります。
— trusktr 2013年
5
@Dan Mantyla：その場合<!--[if !IE]><!-->stuff you don't want IE9 and below to see<!--<![endif]-->
— BoltClock
36

開始するのに適した場所は、IE標準サポートドキュメントです。

JavaScriptでIE10をターゲットにする方法は次のとおりです。

if ("onpropertychange" in document && !!window.matchMedia) {
...
}

CSSでIE10をターゲットにする方法は次のとおりです。

@media all and (-ms-high-contrast: none) {
...
}

CSSを介してIE11をフィルタリングまたはリセットする必要がある場合は、別の質問を参照してください： IE 11のCSSハックを作成する方法？

— ポール・スウェット
ソース
5
CSSソリューションはIE11にも影響します：\
— Lukasz Lenart
11

ここに掲載されている両方のソリューション（わずかな変更を加えたもの）は機能します

<!--[if !IE]><!--><script>if(/*@cc_on!@*/false){document.documentElement.className='ie10';}</script><!--<![endif]-->

または

<script>if(Function('/*@cc_on return 10===document.documentMode@*/')()){document.documentElement.className='ie10';}</script>

cssリンクの前に、htmlページのheadタグ内に上記の行のいずれかを含めます。次に、CSSファイルで、「ie10」クラスを親として持つスタイルを指定します。

.ie10 .myclass1 { }

そして、ほら！-他のブラウザはそのまま残ります。そして、jQueryは必要ありません。実装方法の例は、http：//kardash.netでご覧いただけます。

— ユージーン・カーダッシュ
ソース
11

ユーザーエージェントのスニッフィングとは異なり、偽造できない簡単な方法でIE 10（およびその他すべてのブラウザー）の機能を検出できるLayout Engineと呼ばれる小さなバニラJavaScriptプラグインを作成しました。

htmlタグのクラスとしてレンダリングエンジン名を追加し、ベンダーとバージョン（該当する場合）を含むJavaScriptオブジェクトを返します

私のブログ投稿をチェックしてください：http : //mattstow.com/layout-engine.htmlそしてGitHubでコードを入手してください：https : //github.com/stowball/Layout-Engine

— マット・ストウ
ソース
7

私はこのスクリプトを使用します-時代遅れですが、条件付きコメントの場合と同じように、ブラウザーがInternet Explorer 10の場合にのみ含まれる別の Internet Explorer 10スタイルシートまたはJavaScriptファイルをターゲットにするのに効果的です。jQueryやその他のプラグインは必要ありません。

<script>
    /*@cc_on
      @if (@_jscript_version == 10)
          document.write(' <link type= "text/css" rel="stylesheet" href="your-ie10-styles.css" />');
      @end
    @*/
</script >
— デボラ
ソース
2
涼しい。それらの@ステートメントが何であるかについて少し情報を追加できますか？
— trusktr 2013年
6

PHPを使用してIE 10のスタイルシートを追加できます

お気に入り：

if (stripos($_SERVER['HTTP_USER_AGENT'], 'MSIE 10')) {
    <link rel="stylesheet" type="text/css" href="../ie10.css" />
}
— レニー・ブリュニンクス
ソース
2
Striposは大文字と小文字を区別しないため、文字列を大文字にしても意味がありません;）
— mgutt
2
私はいつもこれを誘惑しますが、フロントエンドにcdn / cache / proxyがあると壊れることを覚えておいてください。
— Johan、
5

これを行う必要がある場合は、JavaScriptでユーザーエージェント文字列を確認できます。

var isIE10 = !!navigator.userAgent.match(/MSIE 10/);

他の人が述べたように、代わりに常に機能検出をお勧めします。

— デイブ1010
ソース
「!!」の意味は？
— フランシスココラレスモラレス
4
String.match()一致した場合は配列を返し、そうでない場合はnullを返します。!(String.match())一致する場合はfalse、一致しない場合はtrueを返します。!(!(String.match()))一致する場合はtrue、一致しない場合はfalseを返します。!(!(something))または単に!!something何かをブールの真/偽に変換します。stackoverflow.com/questions/784929/...
— dave1010
@FranciscoCorralesMoralesああ、私のコードが精査されているときに私が尋ねられた回数。:) dave1010の素晴らしいコメントへの拡張として、「真実」または「偽物」の値を本質的なboolean値に強制するために使用できますvar name = 'me', hasName = !!name;。
— WynandB 2014
4

バニラJavaScriptでIE 10をターゲットにしたい場合は、CSSプロパティの検出を試してみてください。 

if (document.body.style.msTouchAction != undefined) {
  document.body.className = 'ie10';
}

CSSプロパティ

代わりにmsTouchAction、彼らはIE 10で、現在のみ使用可能です。しかし、これは将来変更される可能性があるため、あなたはまた、これらのCSSプロパティのいずれかを使用することができます。

  • msTouchAction
  • msWrapFlow
  • msWrapMargin
  • msWrapThrough
  • msScrollLimit
  • msScrollLimitXMin
  • msScrollLimitYMin
  • msScrollLimitXMax
  • msScrollLimitYMax
  • msFlexbox
  • msFlex
  • msFlexOrder

テストページ

私は一緒に入れているテストページを CodePen上のすべてのプロパティを持ちます。

— TimPietrusky
ソース
3

clipBoardDataはIEでのみ使用可能な関数であるため、すべてのIEバージョンをターゲットにする場合は、

<script type="text/javascript">
if (window.clipboardData)
            alert("You are using IE!");
</script>
— ニャール・ジェルデ
ソース
-1：バージョンについてはどうですか？どのバージョンであるかをどのように確認できますか？
— フランシスココラレスモラレス
Edgeブラウザーには "window.clipboardData"もありません
— AFD
@AFDこの質問はIEではなく、Edgeに関するものです。
— TylerH 2018
3

IE10 +およびIE9のCSS

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ styles */
}

@media screen\0 {
    /* IE8,9,10 styles*/
}
— svnm
ソース
1

機能検出を使用して、ブラウザーがIE10以降かどうかを確認できます。

var isIE = false;
if (window.navigator.msPointerEnabled) {
    isIE = true;
}

> IE9の場合にのみtrue

— ジョージ・フィリパコス
ソース
1

JavaScriptの場合：

if (/Trident/g.test(navigator.userAgent)) { // detect trident engine so IE
        document.getElementsByTagName('html')[0].className= 'no-js ie'; }

すべてのIEで動作します。

IE08 => 'Trident/4.0'

IE09 => 'Trident/5.0'

IE10 => 'Trident/6.0'

IE11 => 'Trident/7.0'

変更は、そう/Trident/gすることによって/Trident/x.0/gどこx = 4, 5, 6か7（または多分8将来のため）。

— エンダーイベント
ソース
1

IE検出のバージョンを追加したかっただけです。これはhttp://james.padolsey.com/javascript/detect-ie-in-js-using-conditional-comments/にあるスニペットに基づいています //james.padolsey.com/javascript/detect-ie-in-js-using-conditional-comments/ ie10とie11もサポートするように拡張されています。IE 5〜11を検出します。

どこかに追加するだけで、簡単な条件でいつでも確認できます。isIEIEでない場合、グローバル変数は未定義になります。そうでない場合、バージョン番号になります。そのためif (isIE && isIE < 10)、似たようなものを簡単に追加できます。

var isIe = (function(){
    if (!(window.ActiveXObject) && "ActiveXObject" in window) { return 11; /* IE11 */ }
    if (Function('/*@cc_on return /^10/.test(@_jscript_version) @*/')()) { return 10; /* IE10  */ }
    var undef,
        v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i');
    while (
        div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
            all[0]
        );
    return v > 4 ? v : undef;
}());
— 1月
ソース
0

私にとって、次のコードは問題なく機能し、すべての条件付きコメントはすべてのIEバージョンで機能します。

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 11)|!(IE)]><!--> <html> <!--<![endif]-->

<script>
    if (document.documentMode===10){
        document.documentElement.className+=' ie10';
    }
    else if (document.documentMode===11){
        document.documentElement.className+=' ie11';
    }
</script>

私はWindows 8.1を使用していますが、IE11アップデートに関連しているかどうかはわかりません...

— アレックス
ソース
1
(gt IE 11)ビットは完全に不要です。<!--[if !(IE)]<!-->代わりに行うこともできます。
— BoltClock
BoltClock（gt IE 11）が省略され、ユーザーのブラウザーがIE 12の場合（出たとき）、html要素は定義されません。
— Leonardo Gonzalez
0

Internet ExplorerのカスタムCSSを実行する方法は次のとおりです。

私のJavaScriptファイル：

function isIE () {
      var myNav = navigator.userAgent.toLowerCase();
      return (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false;
}

jQuery(document).ready(function(){
    if(var_isIE){
            if(var_isIE == 10){
                jQuery("html").addClass("ie10");
            }
            if(var_isIE == 8){
                jQuery("html").addClass("ie8");
                // you can also call here some function to disable things that 
                //are not supported in IE, or override browser default styles.
            }
        }
    });

そして、私のCSSファイルで、異なるスタイルをそれぞれ定義します。

.ie10 .some-class span{
    .......
}
.ie8 .some-class span{
    .......
}
— フランシスココラレスモラレス
ソース
0

このコードjsを変換するには、babelまたはtypescriptを使用します

const browser = () => {
    // "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3576.0 Safari/537.36"
    // "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.17 Safari/537.36"
    // "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/18.17763"
    // "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:64.0) Gecko/20100101 Firefox/64.0"
    // "Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko"
    // "Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)"
    // "Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)"
    // "Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)"
    // "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)"
    const _userAgent = navigator.userAgent;
    const br = {
        "Chrome": "Chrome",
        "Edge": "Edge",
        "Firefox": "Firefox",
        ".NET CLR": "Internet Explorer 11",
    };
    const nobr = {
        "MSIE 10.0": "Internet Explorer 10",
        "MSIE 9.0": "Internet Explorer 9",
        "MSIE 8.0": "Internet Explorer 8",
        "MSIE 7.0": "Internet Explorer 7"
    };
    let thisBrow = "Unknown";
    for (const keys in br) {
        if (br.hasOwnProperty(keys)) {
            if (_userAgent.includes(keys)) {

                thisBrow = br[keys];

                for (const key in nobr) {
                    if (_userAgent.includes(key)) {
                        thisBrow = nobr[key];
                    }
                }

            }
        }
    }

    return thisBrow;
};
スニペットを展開

— アリアクサンドルシュパック
ソース
こんにちはAliaksandr、アイデアをありがとう！なぜ誰かが反対票を投じたのかはわかりませんが、答えは少なくとも役立つヒントであるため、私は反対票を投じました。誰が反対票を投じたとしても、役立つアドバイスで新しいユーザーを助けてみませんか？
— trusktr 2018
-2

この答えは私にそこに行く道の90％をもたらしました。私の答えの残りは、こちらのMicrosoftサイトで見つかりました。

以下のコードは、.ieクラスを <html>

jQuery（1.9以降ではユーザーエージェントを支持して.browserを非推奨にしました。http ： //api.jquery.com/jQuery.browser/を参照）を使用して.ieクラスを追加します。

// ie identifier
$(document).ready(function () {
  if (navigator.appName == 'Microsoft Internet Explorer') {
    $("html").addClass("ie");
  }
});
— ブダニン
ソース
「1.9+以降では、ユーザーエージェントを支持して.browserを非推奨にしました」「ユーザーエージェントを支持して」という意味ではありません。つまり、機能の検出を支持して言っています。
— BoltClock
-2

IE10以上とIE以外のブラウザーをターゲットにすることを気にしない場合は、次の条件付きコメントを使用できます。

<!--[if gt IE 9]><!--> Your code here. <!--<![endif]-->

http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-n bothから派生

— user1003757
ソース
1
私は-1ませんでしたあなたの答えが、リンクはややoutd-思わ8 -ed。OPがIE10およびIE10のみを対象とすることを意図していたことも注目に値します。いずれにしても、条件付きコメントはIE5からIE9まででのみサポートされているため、コードスニペットはIE10以上またはIE以外のブラウザーでは機能しません。
— WynandB 2014
-2

本当に必要な場合は、次の行をに追加することで、条件付きコメントを機能させることができます<head>。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">

ソース

— nyuszika7h
ソース
-4

CSSの最新のソリューション

html[data-useragent*='MSIE 10.0'] .any {
  your-style: here;
}
— ラファエル
ソース
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.