IE9对CSS3的支持情况概述

这篇文章发布于 2010年09月25日,星期六,15:06,归类于 CSS相关。 阅读 92966 次, 今日 2 次 9 条评论

 

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

IE9对CSS3属性的支持情况

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

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

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

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

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

IE9对CSS3选择器支持情况

见下表:

CSS3选择器 IE9支持情况 之前版本IE支持情况
[attribute^=value] Yes 7-8
[attribute*=value] Yes 7-8
[attribute$=value] Yes 7-8
E ~ F (sibling) Yes 7-8

Yes 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

Yes 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

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

我的感慨

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

参考文章:CSS3 Support in Internet Explorer 9

补充于2018-01-01:后来实践表明,虽然border-image属性很强大,但是使用率相当低,当初的遗憾有些多余了。

(本篇完)

分享到:


发表评论(目前9 条评论)

  1. LeoGOGO说道:

    您好,请问IE9 及 一下的浏览器 怎么去除 input 默认的 X

  2. 阿力说道:

    鑫大大ie9下不支持input的placeholder,有什么办法?

  3. whidy说道:

    ie9 支持 transforms …你这个表格貌似错了,和参考网站不一样额

  4. 刚哥笔记说道:

    我的博客也是,在IE下css样式显示会走样,估计是ul的属性问题。尽管ie有许多不完美,但是不得不承认,ie依然是浏览器用户最多的。

  5. 草莓团说道:

    ie9下border-radius怎么不支持的

  6. tunpishuang说道:

    :out of my mind. 🙂