クイックリファレンス

Internet Explorer 互換性&サポートマトリックス チートシート(アーカイブ)

Internet Explorer(IE6〜IE11)の歴史的リファレンスガイド:CSSセレクタ対応、HTML5ポリフィル、条件付きコメント、レガシー仕様を整理。

· 公開日

レガシーな 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]-->

参考リンク

関連テーマ