gooodmark

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

516bookmark

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: #CCC\9; }
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]-->