레거시 Internet Explorer(IE6~IE11) 릴리스 전반의 CSS 선택자, 레이아웃 기능 및 폴리필(polyfill)에 대한 역사적 참고 표입니다.
아카이브 안내: Microsoft Internet Explorer는 지원이 종료되었습니다. 이 치트 시트는 레거시 웹 시스템 유지보수를 위한 호환성 데이터를 보존합니다.
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]-->