レガシーな Internet Explorer(IE6 から IE11)における CSS セレクタ、レイアウト機能、ポリフィル対応の歴史的リファレンス表です。
アーカイブ注記: Microsoft Internet Explorer はサポート終了済みです。本チートシートはレガシー Web システム保守のための互換性リファレンスとして保存されています。
CSS セレクタのサポート状況
| セレクタ | IE6 | IE7 | IE8 | IE9 | IE10 | IE11 |
|---|---|---|---|---|---|---|
> (子セレクタ) |
✗ | ✓ | ✓ | ✓ | ✓ | ✓ |
[attr] (属性セレクタ) |
✗ | ✓ | ✓ | ✓ | ✓ | ✓ |
.class1.class2 (複数クラス) |
✗ | ✓ | ✓ | ✓ | ✓ | ✓ |
~ (一般兄弟結合子) |
✗ | ✓ | ✓ | ✓ | ✓ | ✓ |
+ (隣接兄弟結合子) |
✗ | ✓ | ✓ | ✓ | ✓ | ✓ |
:before, :after (単一コロン) |
✗ | ✗ | ✓ | ✓ | ✓ | ✓ |
:nth-child(), :last-child() |
✗ | ✗ | ✗ | ✓ | ✓ | ✓ |
機能& Web API サポート
| 機能 | IE6 | IE7 | IE8 | IE9 | IE10 | IE11 |
|---|---|---|---|---|---|---|
| PNG 24ビット アルファ透過 | ✗ | ✓ | ✓ | ✓ | ✓ | ✓ |
Data URI(data:image/...) |
✗ | ✗ | ✓ | ✓ | ✓ | ✓ |
ネイティブ JSON.parse / JSON.stringify |
✗ | ✗ | ✓ | ✓ | ✓ | ✓ |
| Cross-Origin Resource Sharing (CORS) | ✗ | ✗ | ✓ (XDomainRequest) | ✓ | ✓ | ✓ |
localStorage / sessionStorage |
✗ | ✗ | ✓ | ✓ | ✓ | ✓ |
CSS メディアクエリ(@media) |
✗ | ✗ | ✗ (respond.js 使用) | ✓ | ✓ | ✓ |
HTML5 セマンティック要素(<article>、<nav>) |
✗ | ✗ | ✗ (html5shiv 使用) | ✓ | ✓ | ✓ |
| CSS3 Flexbox | ✗ | ✗ | ✗ | ✗ | ✓ (-ms- 2012) | ✓ |
条件付きコメント(IE9 以前)
<!--[if lt IE 7]> <html class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie9"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js"> <!--<![endif]-->