IE9对CSS3属性的支持情况

知更鸟
知更鸟
知更鸟
1499
文章
6903
评论
2010年10月17日09:13:26 2 7.5K

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

IE9对CSS3属性的支持情况

CSS3属性IE9支持情况之前版本IE支持情况
opacityIE9对CSS3属性的支持情况None
multiple backgroundsIE9对CSS3属性的支持情况None
background-clipIE9对CSS3属性的支持情况None
background-sizeIE9对CSS3属性的支持情况None
background-originIE9对CSS3属性的支持情况None
text-shadowIE9对CSS3属性的支持情况
word-wrapIE9对CSS3属性的支持情况5-8
writing-modeIE9对CSS3属性的支持情况5-8
border-imageIE9对CSS3属性的支持情况
border-radiusIE9对CSS3属性的支持情况None
box-shadowIE9对CSS3属性的支持情况None
overflow-xIE9对CSS3属性的支持情况7-8
overflow-yIE9对CSS3属性的支持情况7-8
multiple columnsIE9对CSS3属性的支持情况
box-sizingIE9对CSS3属性的支持情况8
RGBA colorsIE9对CSS3属性的支持情况None
HSL colorsIE9对CSS3属性的支持情况None
HSLA colorsIE9对CSS3属性的支持情况None
text-strokeIE9对CSS3属性的支持情况
gradientsIE9对CSS3属性的支持情况
transformsIE9对CSS3属性的支持情况
transitionsIE9对CSS3属性的支持情况
outline-offsetIE9对CSS3属性的支持情况
resizeIE9对CSS3属性的支持情况
@font-faceIE9对CSS3属性的支持情况5.5-8

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

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

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

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

本文原地址:http://www.zhangxinxu.com/wordpress/?p=1121,来自张鑫旭-鑫空间-鑫生活,访问原出处更多优秀技术文章。
本文作者:张鑫旭,欢迎访问我的个人网站。

IE9对CSS3选择器支持情况

见下表:

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

IE9对CSS3属性的支持情况 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
  • IE9对CSS3属性的支持情况 nly-child
  • IE9对CSS3属性的支持情况 nly-of-type
  • :empty
  • :target
  • :not(s)
  • :enabled
  • :disabled
  • :checked
  • :indeterminate
  • ::selection
本文原地址:http://www.zhangxinxu.com/wordpress/?p=1121,来自张鑫旭-鑫空间-鑫生活,访问原出处更多优秀技术文章。
本文作者:张鑫旭,欢迎访问我的个人网站。

IE9对CSS3属性的支持情况 IE9不支持的伪类&伪元素

  • :default
  • :valid
  • :invalid
  • :in-range
  • IE9对CSS3属性的支持情况 ut-of-range
  • :required
  • IE9对CSS3属性的支持情况 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]

继续阅读
weinxin
关于本站
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
最佳 CSS 框架 Web前端

最佳 CSS 框架

在构建网站时,使用 CSS 框架是一个实时的节省,因为它为您提供了每个网页设计师和前端开发人员在制作网站时需要的工具。 CSS 框架是一个软件框架,它允许使用 HTML/CSS 进行更简单、更符合标准...
line-height安卓中不垂直居中 Web前端

line-height安卓中不垂直居中

设计响应式网页,PC端和移动端的样式兼容性,很让人挠头,最常见的就是文字垂直不居中,而且苹果手机和安卓手机下表现也不尽相同,往往苹果手机是垂直居中的,但在安卓机上字却靠上了,总是差那么一像素,应该是安...
jQuery幻灯片插件:OWL Carousel Web前端

jQuery幻灯片插件:OWL Carousel

Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件,它具有以下特点: 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持 JSON 及自定义 JSON 格式...
js实时获取浏览器窗口大小 Web前端

js实时获取浏览器窗口大小

js实时获取浏览器窗口大小,我们可以使用addEventListener()方法来实现。该addEventListener()方法可以注册事件处理程序以侦听浏览器窗口resize事件,例如window...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:2   其中:访客  2   博主  0
    • akw28888 akw28888 1

      有些代碼變成表情了

      • 笃行 笃行 0

        我本机安装的是IE9,我在编写hta应用时,貌似不知支持伪类啊~

        郁闷。
        我套用的样式是 chrome://memory-redirect/ 里的line 363.