IE9对CSS3属性的支持情况

IE9 测试版好像是在9月16日凌晨发布的，如今在中国，IE已经四世同堂，这是多么温馨美满的画面啊，让人不由得“喜极而泣”啊！关于IE9的野史外传这里不做讨论，本文内容正如题目所示，主要概述下目前IE9版本对CSS3的支持情况。随着时间的推移，IE9必定会做一定的改进与修复等，所以，可能仅仅几个月后，现在还不支持的CSS3属性已经支持了，所以，下文所有的表格和数据仅作参考，如果您想要比较实时权威点的数据，可以点击这里查看：

IE9对CSS3属性的支持情况

CSS3属性	IE9支持情况	之前版本IE支持情况
opacity		None
multiple backgrounds		None
background-clip		None
background-size		None
background-origin		None
text-shadow		—
word-wrap		5-8
writing-mode		5-8
border-image		—
border-radius		None
box-shadow		None
overflow-x		7-8
overflow-y		7-8
multiple columns		—
box-sizing		8
RGBA colors		None
HSL colors		None
HSLA colors		None
text-stroke		—
gradients		—
transforms		—
transitions		—
outline-offset		—
resize		—
@font-face		5.5-8

对一些生僻属性的支持情况

下面这些属性呢，平时比较腼腆害羞，我们用的不是很多，但是，IE9对其是支持的：

@namespace, text-justify, text-align-last, text-overflow, word-break.

还有很多其他鲜为人知的CSS属性，由于现在版本的IE不支持，所以，就没有罗列出来。

IE9对CSS3选择器支持情况

见下表：

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
• nly-child
• nly-of-type
• :empty
• :target
• :not(s)
• :enabled
• :disabled
• :checked
• :indeterminate
• ::selection

IE9不支持的伪类&伪元素

• :default
• :valid
• :invalid
• :in-range
• ut-of-range
• :required
• ptional
• :read-only
• :read-write
• ::before
• ::after
• ::first-letter
• ::first-line
• ::value
• ::choices
• ::repeat-item
• ::repeat-index

//zxx: 笑脸其实指的是: + o，就是冒号后面跟了个字母o，系统原因，望见谅。

我的感慨

IE9不支持border-image属性，是在遗憾，这是个非常强大的CSS属性，潜力无限。不过，本身对IE就没报多大期待的我看到其对rgba color以及box-shadow支持有佳，也比较满足了。真如开头所说的，一些数据仅作参考，可能回老家娶个媳妇回来，一些数据就作古了。

参考文章：CSS3 Support in Internet Explorer 9

原创文章，转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]