常用css3属性的ie兼容查看

记录一下关于css3的各种常用属性对ie各版本浏览器的兼容程度;

最低可兼容ie7

最低可兼容ie8

最低可兼容ie9

最低可兼容ie10

position:fixed

clip

E:first-letter

E::first-letter

E:first-line

E::first-line

box-sizing

E:after/E::after

E:before/E::before

@import

border-radius

box-shadow

background-size

background-origin

background-clip

background-image

background-repeat

background-position

opacity

transform

@media

E:not(s)

E:nth-child(n)

E:only-of-type

单位:rem 、 vw 、 vh 、

deg 、 s 、 ms 、 rgba 、

display:flex

display:inline-flex

border-image

text-shadow

user-select

flex

align-items

transition

animation

@keyframes

另外,你可以查看一下html5的各个属性对浏览器的支持,

参考博文链接http://blog.csdn.net/nightelve/article/details/14524319

还有在线输入属性,进行个各浏览器兼容网站链接http://caniuse.com/

查看各浏览器的装机情况(包括整个浏览器在市场的占有率) http://gs.statcounter.com/

总结:

Chrome,Firefox:支持html5很多年,而且有自动升级,支持最好。

Safari,Opera:同样支持html5很多年,支持也很好。

IE:IE10起比较好了,之前很差。

不考虑兼容性的情况下,各种属性怎么用都没什么问题,

如果放在实际开发项目中,在使用属性的时候,还是保守点较好。