gooodmark

goodなWebサイトを厳選ブックマーク!デザインやディレクションの参考にどうぞ。

724bookmark

IEの各バージョン対応

Internet Explorerの各バージョンに対応する時に使うやつ。

1. 条件付きコメント

IEすべて

<!--[if IE]> ~ <![endif]-->

IE以外

<!--[if !IE]> ~ <![endif]-->

IE8のみ

<!--[if IE 8]> ~ <![endif]-->

IE8未満(IE8は含まない)

<!--[if lt IE 8]> ~ <![endif]-->

IE8以下(IE8は含む)

<!--[if lte IE 8]> ~ <![endif]-->

IE8より上(IE8は含まない)

<!--[if gt IE 8]> ~ <![endif]-->

IE8以上(IE8は含む)

<!--[if gte IE 8]> ~ <![endif]-->

2. CSS Hack(非推奨)

IE8以下(;前にバックスラッシュ()と9)

body { background: #CCC9; }

IE7以下(プロパティ前にアスタリスク(*))

body { *background: #CCC; }

IE6のみ(プロパティ前にアンダースコア(_)

body { _background: #CCC; }

3. 条件付きのHTML class


<!--[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 9)|!(IE)]><!--> <html> <!--<![endif]-->