[CSS]IE6, IE7, IE8, IE9の各バージョンの分岐をvalidで処理する方法

CSS Specific for Internet Explorer デモページ（※IE7で表示） [ad#ad-2] デモ紹介 1. 条件付きコメントの利用 2. CSS Hackの利用 3. 条件付きのHTML class デモ紹介 デモページは、下記のように設定されています。 スタンダードブラウザ（IE9, Firefox, Chrome, Safari, Operaなど） 背景色がグレー IE8 背景色がピンク IE7 or IE8互換モード 背景色がグリーン IE6 背景色がブルー 下記はデモページをIETesterで表示したものです。 IETesterの詳しい説明は、「IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester」を参照ください。 デモページ（※IE8で表示） IE9もWin7+IE9で確認したところ、背景はグレーに表示されていました。 [a

[otchy210]

クラスで分ける方式だと、使わないセレクタの分も css を無駄に読み込むから、どうせ条件付きコメント使うなら、css ファイル自体を切り替えた方が賢いと思う。

[musicala]

忘れちゃうよねー

[Okky]

IE対策

[josch_so36]

IE対策!!

[visca__Barca]

IEのバージョン分岐

[glat_design]

とりあえず条件付きコメントでよさそうだけどhtmlタグのクラスで分けるタイプもあるみたい

[www-tmcc]

Reader

[adsty]

条件付きコメントの利用が一般的。

[jay926]

かったるいけど無視もできないしなー

[edo_m18]

これはいいかもしれんのぅ。テンプレートに入れておこ。

[asiamoth]

HTML5 Boilerplate http://bit.ly/hCAEeN でも採用されている方法。CSS ファイルひとつで対応できるのがスマート。ただ「lt」は「以下」ではなく「未満」なので注意。

[jackson24]

なるほどね。ＨＴＭＬタグに直接条件付コメント入れればソースが汚れずにすむっちゅうことやね。うまい。

[ginpei]

結局条件付きコメントで分岐するか、invalidなhackを駆使するか。でも便利なので覚えておこう。

[nors]

http://www.webdesignerwall.com/tutorials/css-specific-for-internet-explorer/

[hidehish]

見てる:

[daisuke1209]

ieのhack

[hr07jp]

IEの各バージョンを分岐させるvalidなスタイルシート