CSS3 Поддержка в Internet Explorer 9

Абсолютно все без исключения разработчики сайтов сталкивались с проблемным IE. Но выход нового IE 9 мог все исправить и снять головную боль для создателей сайтов. Но не тут то было. Далее следует текст автора в свободном переводе.
Если вы интересуетесь разработкой сайтов, то наверное, вы наблюдали за выпуском IE9 Beta, действительно ли Microsoft, наконец, начал догонять других производителей браузеров.
Исправит ли IE9 репутацию Microsoft как корпорацию, которая всегда отстает? Реабилитируется ли IE за все свои косяки с выходом нового IE9. Вы будете судьей.
Я создал несколько диаграммы, показывая поддержку CSS3 в IE9 Beta.Список не включает в себя все мыслимые CSS3 свойства или селекторы. Я старался придерживаться известных вещей, и я также включил список псевдо-селекторы и псевдо-элементы. Большая часть информации взята с этой страницы на MSDN.
Поддержка свойств CSS3 в IE9
CSS3 свойство | Поддержка IE9 | Предидущие версии IE |
---|---|---|
opacity | ![]() |
Нет |
multiple backgrounds | ![]() |
Нет |
background-clip | ![]() |
Нет |
background-size | ![]() |
Нет |
background-origin | ![]() |
Нет |
text-shadow | ![]() |
— |
word-wrap | ![]() |
5-8 |
writing-mode | ![]() |
5-8 |
border-image | ![]() |
— |
border-radius | ![]() |
Нет |
box-shadow | ![]() |
Нет |
overflow-x | ![]() |
7-8 |
overflow-y | ![]() |
7-8 |
multiple columns | ![]() |
— |
box-sizing | ![]() |
8 |
RGBA colors | ![]() |
Нет |
HSL colors | ![]() |
Нет |
HSLA colors | ![]() |
Нет |
text-stroke | ![]() |
— |
gradients | ![]() |
— |
transforms | ![]() |
— |
transitions | ![]() |
— |
keyframe animations | ![]() |
— |
outline-offset | ![]() |
— |
resize | ![]() |
— |
@font-face | ![]() |
5.5-8 |
@media | ![]() |
Нет |
CSS3 свойство | Поддержка IE9 | Предидущие версии IE |
UPDATE (Oct. 30/2010) Последний выпуск IE9 Platform Preview была добавлена поддержка 2D которая преобразуется с использованием-MS-приставки.Хотя это еще не значит, эта функция включена в IE9 Beta, можно предположить, она будет включена в полную версию в IE9, так что я добавил желтый флажок, чтобы указать, частичную поддержку на данный момент.
UPDATE (Jan. 25/11) Почему-то я забыл включить в список CSS3 ключевой кадр анимации, так что это также перечислено, хотя на самом деле не имеет значения, так как IE9 не поддерживает те виды анимации.
Поддержка свойств
Список свойств и правил поддерживаемых в IE9:
@namespace, text-justify, text-align-last, text-overflow, word-break.
Есть ряд других менее известных свойств, не перечисленные здесь, но IE никогда не поддерживал их ни в одной версии, в том числе IE9.
Поддержка селекторов CSS3 в IE9
CSS3 селектор | Поддержка IE9 | Предидущие версии IE |
---|---|---|
[attribute^=value] | ![]() |
7-8 |
[attribute*=value] | ![]() |
7-8 |
[attribute$=value] | ![]() |
7-8 |
E ~ F (sibling) | ![]() |
7-8 |
Псевдо-классы и псевдо-элементы поддерживаемые в IE9
- :root
- :nth-child(n)
- :nth-last-child(n)
- :nth-of-type(n)
- :nth-last-of-type(n)
- :last-child
- :first-of-type
- :last-of-type
- :only-child
- :only-of-type
- :empty
- :target
- :not(s)
- :enabled
- :disabled
- :checked
- :indeterminate
- ::selection
Псевдо-классы и псевдо-элементы НЕ поддерживаемые в IE9
- :default
- :valid
- :invalid
- :in-range
- :out-of-range
- :required
- :optional
- :read-only
- :read-write
- ::before
- ::after
- ::first-letter
- ::first-line
- ::value
- ::choices
- ::repeat-item
- ::repeat-index
Источник статьи: http://www.impressivewebs.com/css3-support-ie9/