Историческая справочная таблица CSS-селекторов, возможностей вёрстки и полифилов в устаревших выпусках Internet Explorer (от IE6 до IE11).
Архивная заметка: Браузер 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 |
|---|---|---|---|---|---|---|
| 24-битная альфа-прозрачность PNG | ✗ | ✓ | ✓ | ✓ | ✓ | ✓ |
Data URI (data:image/...) |
✗ | ✗ | ✓ | ✓ | ✓ | ✓ |
Нативные JSON.parse / JSON.stringify |
✗ | ✗ | ✓ | ✓ | ✓ | ✓ |
| Cross-Origin Resource Sharing (CORS) | ✗ | ✗ | ✓ (XDomainRequest) | ✓ | ✓ | ✓ |
localStorage / sessionStorage |
✗ | ✗ | ✓ | ✓ | ✓ | ✓ |
CSS Media Queries (@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]-->