记录一下关于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起比较好了,之前很差。
不考虑兼容性的情况下,各种属性怎么用都没什么问题,
如果放在实际开发项目中,在使用属性的时候,还是保守点较好。