Windows IE を判別してIEだけにJavaScriptやCSSを適用するには以下のように条件分岐コメント(タグ)を使用します。
ただし
IE バージョン10以降(IE 10, 11)では条件分岐コメントは適用されません
なのでIE10 ,11 の場合はJavaScriptを使用して条件分岐する必要があります。
指定のバージョン(IE バージョン8の場合に ie_only.css を読み込ませる) <!--[if IE 8]> <link rel="stylesheet" href="ie_only.css" type="text/css" /> <![endif]--> 指定のバージョン以上(IE バージョン8,9の場合に ie_only.css を読み込ませる) <!--[if gte IE 8]> <link rel="stylesheet" href="ie_only.css" type="text/css" /> <![endif]--> 指定のバージョン以下(IE バージョン8,7,6,5 の場合に ie_only.css を読み込ませる) <!--[if lte IE 8]> <link rel="stylesheet" href="ie_only.css" type="text/css" /> <![endif]--> 指定のバージョンより上(IE バージョン9の場合に ie_only.css を読み込ませる) <!--[if gt IE 8]> <link rel="stylesheet" href="ie_only.css" type="text/css" /> <![endif]--> 指定のバージョン未満(IEバージョン 7,6,5 の場合に ie_only.css を読み込ませる) <!--[if lt IE 8]> <link rel="stylesheet" href="ie_only.css" type="text/css" /> <![endif]-->
// (IE バージョン5, 6, 7, 8, 9, 10, 11の場合に ie_only.css を読み込ませる) <script type="text/javascript" > if (navigator.userAgent.indexOf('msie') >= 0 || navigator.userAgent.indexOf('Trident') >= 0){ var d = document; var link = d.createElement('link'); link.href = 'ie_only.css'; link.rel = 'stylesheet'; link.type = 'text/css'; var h = d.getElementsByTagName('head')[0]; h.appendChild(link); } </script>