ie9兼容css正常吗,IE9对CSS3属性的支持情况

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

IE9对CSS3属性的支持情况CSS3属性IE9支持情况之前版本IE支持情况opacity4dfa63ed66b95705432bb6d584258952.gifNone

multiple backgrounds4dfa63ed66b95705432bb6d584258952.gifNone

background-clip4dfa63ed66b95705432bb6d584258952.gifNone

background-size4dfa63ed66b95705432bb6d584258952.gifNone

background-origin4dfa63ed66b95705432bb6d584258952.gifNone

text-shadow4c0245344d80f1d9a3826dd760a136ed.gif

word-wrap4dfa63ed66b95705432bb6d584258952.gif5-8

writing-mode4dfa63ed66b95705432bb6d584258952.gif5-8

border-image4c0245344d80f1d9a3826dd760a136ed.gif

border-radius4dfa63ed66b95705432bb6d584258952.gifNone

box-shadow4dfa63ed66b95705432bb6d584258952.gifNone

overflow-x4dfa63ed66b95705432bb6d584258952.gif7-8

overflow-y4dfa63ed66b95705432bb6d584258952.gif7-8

multiple columns4c0245344d80f1d9a3826dd760a136ed.gif

box-sizing4dfa63ed66b95705432bb6d584258952.gif8

RGBA colors4dfa63ed66b95705432bb6d584258952.gifNone

HSL colors4dfa63ed66b95705432bb6d584258952.gifNone

HSLA colors4dfa63ed66b95705432bb6d584258952.gifNone

text-stroke4c0245344d80f1d9a3826dd760a136ed.gif

gradients4c0245344d80f1d9a3826dd760a136ed.gif

transforms4c0245344d80f1d9a3826dd760a136ed.gif

transitions4c0245344d80f1d9a3826dd760a136ed.gif

outline-offset4c0245344d80f1d9a3826dd760a136ed.gif

resize4c0245344d80f1d9a3826dd760a136ed.gif

@font-face4dfa63ed66b95705432bb6d584258952.gif5.5-8

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

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

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

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

本文作者:张鑫旭,欢迎访问我的个人网站。

IE9对CSS3选择器支持情况

见下表:CSS3选择器IE9支持情况之前版本IE支持情况[attribute^=value]4dfa63ed66b95705432bb6d584258952.gif7-8

[attribute*=value]4dfa63ed66b95705432bb6d584258952.gif7-8

[attribute$=value]4dfa63ed66b95705432bb6d584258952.gif7-8

E ~ F (sibling)4dfa63ed66b95705432bb6d584258952.gif7-8

4dfa63ed66b95705432bb6d584258952.gif 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

92da4427e0c911ef4f2edca6e290ad92.gif nly-child

92da4427e0c911ef4f2edca6e290ad92.gif nly-of-type

:empty

:target

:not(s)

:enabled

:disabled

:checked

:indeterminate

::selection

本文作者:张鑫旭,欢迎访问我的个人网站。

4c0245344d80f1d9a3826dd760a136ed.gif IE9不支持的伪类&伪元素:default

:valid

:invalid

:in-range

92da4427e0c911ef4f2edca6e290ad92.gif ut-of-range

:required

92da4427e0c911ef4f2edca6e290ad92.gif 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支持有佳,也比较满足了。真如开头所说的,一些数据仅作参考,可能回老家娶个媳妇回来,一些数据就作古了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值