html5教程-IE9对CSS3的支持情况概述

发布时间:2018-12-18 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了html5教程-IE9对CSS3的支持情况概述脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
 

html5教程-IE9对CSS3的支持情况概述

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

IE9对CSS3属性的支持情况

CSS3属性 IE9支持情况 之前版本IE支持情况
opacity

html5教程-IE9对CSS3的支持情况概述

None
multiple backgrounds

html5教程-IE9对CSS3的支持情况概述

None
background-clip

html5教程-IE9对CSS3的支持情况概述

None
background-size

html5教程-IE9对CSS3的支持情况概述

None
background-origin

html5教程-IE9对CSS3的支持情况概述

None
text-shadow

html5教程-IE9对CSS3的支持情况概述

word-wrap

html5教程-IE9对CSS3的支持情况概述

5-8
writing-mode

html5教程-IE9对CSS3的支持情况概述

5-8
border-image

html5教程-IE9对CSS3的支持情况概述

border-radius

html5教程-IE9对CSS3的支持情况概述

None
box-shadow

html5教程-IE9对CSS3的支持情况概述

None
overflow-x

html5教程-IE9对CSS3的支持情况概述

7-8
overflow-y

html5教程-IE9对CSS3的支持情况概述

7-8
multiple columns

html5教程-IE9对CSS3的支持情况概述

box-sizing

html5教程-IE9对CSS3的支持情况概述

8
RGBA colors

html5教程-IE9对CSS3的支持情况概述

None
HSL colors

html5教程-IE9对CSS3的支持情况概述

None
HSLA colors

html5教程-IE9对CSS3的支持情况概述

None
text-stroke

html5教程-IE9对CSS3的支持情况概述

gradients

html5教程-IE9对CSS3的支持情况概述

transforms

html5教程-IE9对CSS3的支持情况概述

transitions

html5教程-IE9对CSS3的支持情况概述

outline-offset

html5教程-IE9对CSS3的支持情况概述

resize

html5教程-IE9对CSS3的支持情况概述

@font-face

html5教程-IE9对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]

html5教程-IE9对CSS3的支持情况概述

7-8
[attribute*=value]

html5教程-IE9对CSS3的支持情况概述

7-8
[attribute$=value]

html5教程-IE9对CSS3的支持情况概述

7-8
E ~ F (sibling)

html5教程-IE9对CSS3的支持情况概述

7-8

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

html5教程-IE9对CSS3的支持情况概述

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属性很强大,但是使用率相当低,当初的遗憾有些多余了。

(本篇完)

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! html5教程,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的html5教程-IE9对CSS3的支持情况概述全部内容,希望文章能够帮你解决html5教程-IE9对CSS3的支持情况概述所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:CSS