私はCSS/jQueryのチェックボックススタイルのスクリプトがあります：入力の上に浮かぶようにスパンためにhttp://jsfiddle.net/BwaCD/特定のIEブラウザに対してのみCSSを設定するにはどうすればよいですか？
問題があり、現在のブラウザでは、入力の位置は絶対的でなければなりません。しかし、下のIE8 &では、スクリプトは機能しません。したがって、私は残しておき、他の要素の上に浮かんでいる入力を絶対に配置します。私は以下のIE8 &で動作するスクリプトを要求していません。
IE8以下であれば、CSSを使って特定のスタイルを設定する方法を知りたいと思います。 jQueryは必要であれば受け入れられると思いますが、私はそうは思わないです。私はこれがちょうどCSSでできることを知っています& HTML私はちょうど方法を知らない。
条件付きコメントは好きではない場合（<!--[if lte IE 8]><stylesheet><![endif]-->を）うまくいくことができますが、スタイルシートでそれをすべて行いたい場合は、そこis a way ：
body {
color: red; /* all browsers, of course */
color: green\9; /* IE only */
}
ここで重要なのは「\ 9」です。ちょうど "\ 9"となります。なぜこれが正しいのかはっきりしない。
編集：\ 9ハックだけでは十分ではありません。 IE9を除外するには、あなたも:root hackが必要です
:root body {
color: red\9; /* IE9 only */
}
他のブラウザIE以外:rootをサポートするので、あなたはIE9をターゲットにすることを使用している場合、\ 9ハックとそれを組み合わせることがあります。
この '\ 9'は何らかの理由でうまくいきません... – henryaaron
\ 9は、実際にはIEのすべてのバージョンを対象にしています。 http://mathiasbynens.be/notes/safe-css-hacks#css-hacks – Brilliand
\ 9はうまくいきますし、MSが条件付きコメントをIE10から開始して以来、これはターゲットIE専用のjs-freeソリューションだと思われます。ありがとう！ – f055
あなたは古いIEブラウザ用のHTMLルートタグ にクラス名を追加するには、Internet Explorerの条件付きコメントを使用することができます。
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
その後、あなたのような、適切なクラス名を参照することにより、IE固有のCSSを定義することができますこの：
.ie8 body {
/* Will apply only to IE8 */
}
出典：http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
ターゲットIEのすべてのバージョン：
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
ターゲットすべてEXCEPT IE
<!--[if !IE]><!-->
<link rel="stylesheet" type="text/css" href="not-ie.css" />
<!--<![endif]-->
ターゲットIE 7 ONLY
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->
ターゲットIE 6 ONLY
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
ターゲットIE 5 ONLY
<!--[if IE 5]>
<link rel="stylesheet" type="text/css" href="ie5.css" />
<![endif]-->
ターゲットIE 5.5 ONLY
<!--[if IE 5.5000]>
<link rel="stylesheet" type="text/css" href="ie55.css" />
<![endif]-->
ターゲットIE 6と下部
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" />
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" />
<![endif]-->
ターゲットIE 7と下部
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->
ターゲットIE 8と下部
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->
ターゲットIE 6以上
<!--[if gt IE 5.5]>
<link rel="stylesheet" type="text/css" href="ie6-and-up.css" />
<![endif]-->
<!--[if gte IE 6]>
<link rel="stylesheet" type="text/css" href="ie6-and-up.css" />
<![endif]-->
ターゲットIE 7以降
<!--[if gt IE 6]>
<link rel="stylesheet" type="text/css" href="ie7-and-up.css" />
<![endif]-->
<!--[if gte IE 7]>
<link rel="stylesheet" type="text/css" href="ie7-and-up.css" />
<![endif]-->
ターゲットIE 8以上私はIE 10と11.するのに有用な溶液を有する
<!--[if gt IE 7]>
<link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->
<!--[if gte IE 8]>
<link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->
スクリプトはIEとバージョンをチェックし、.ie10または.ie11クラスをタグに追加します。
ブラウザがIE 10または11
それをチェックアウトされた場合にのみ、あなたが.ie10 .somethingを{のような特定のルールを書くことができます}、彼らが適用されますその方法、それは少数でテストされ、優雅な劣化のために便利です商用サイトではなく、本当にハック：例のhttp://marxo.me/target-ie-in-css
：color : green\9;
\9は、IE11のために働くが、ませんでしたが働いた！
：Windows版のInternet Explorerで
.grab_cursor {
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
cursor: url('../img/cursors/openhand.cur'), url('img/cursors/openhand.cur'), n-resize; /* standard: note the different path for the .cur file */
cursor: url('img/cursors/openhand.cur'), n-resize\9; /* IE 8 and below */
*cursor: url('img/cursors/openhand.cur'), n-resize; /* IE 7 and below */
_cursor: url('img/cursors/openhand.cur'), n-resize; /* IE 6 */
}
までのバージョン8を含め、 相対URI値は、外部スタイルで指定されている場合シートファイル のベースURIは、 という宣言があるスタイルシートのURIではなく、 要素を含む文書のURIとみなされます。
ファイルツリー：
index.html
css/style.css -> here the posted code
img/cursors/openhand.cur
グッド参照：
第二には動作しませんでした...最初にやりました。 – henryaaron
うわー。ありがとう。私はただ尋ねたい、これらのハックはまったく安全か？ –
ハックはいつも悪いです！私は最初のリンクからのソリューションを使用することを提案しますが、実際にハッキングを使用する必要がある場合、私はこのWebサイトを見つけました：http://browserhacks.com/ - これらのものが存在し、これを使って。 – Adaz