首页前端开发HTMLIE9对CSS3的支持情况概述

IE9对CSS3的支持情况概述

时间2024-01-26 14:29:03发布访客分类HTML浏览337
导读:收集整理的这篇文章主要介绍了html5教程-IE9对CSS3的支持情况概述,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。...
收集整理的这篇文章主要介绍了html5教程-IE9对CSS3的支持情况概述,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。  

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

IE9对CSS3属性的支持情况

.two_col{ width:500px; margin:0; padding:0; overflow:hidden; } .two_col li{ width:166px; padding:3px; color:#666; list-style-tyPE:none; float:left; }
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.@H_805_304@

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

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

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

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,系统原因,望见谅。@H_777_464@

我的感慨

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

参考文章:CSS3 Support in internet Explorer 9

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

(本篇完)

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

CSScss3CSS属性divletpost-format-gallery

若转载请注明出处: IE9对CSS3的支持情况概述
本文地址: https://pptw.com/jishu/586881.html
:after伪类+content内容生成经典应用举例 拜拜了,浮动布局-基于display:inline-block的列表布局

游客 回复需填写必要信息