CSS3特性大部分都已经有了很好的浏览器支持度。各主流浏览器对CSS3的支持越来越完善,下面来了解一下两大平台(Mac和Windows)、五大浏览器(Chrome、Firefox、Safari、Opera和IE)对CSS3新特性和CSS3选择器的支持情况。
CSS3属性支持情况可参考(http://fmbip.com/litmus/)。可以看出,完全支持 CSS3 属性的浏览器有 Chrome 和 Safari,而且不管是 Mac 平台还是 Windows 平台全支持。
CSS3选择器支持情况可参考(http://fmbip.com/litmus/)。除了IE家族和 Firefox 3,其它几乎全部支持。Chrome、Safari、Firefox 3.6、Opera 10.5最好。
【注意】
各主流浏览器也定义大量私有属性,方便用户体验CSS3的新特性。例如:
- 以Webkit引擎为核心的浏览器的(如Safari、Chrome)的私有属性都是以-webkit-前缀定义;
- 以Gecko引擎为核心的浏览器(如Firefox)的私有属性都是以-moz-前缀定义;
- 以Konqueror引擎为核心的浏览器的私有属性都是以-khtml-前缀定义;
- Opera浏览器的私有属性是以-o-前缀定义;
- Internet Explorer浏览器的私有属性是以-ms-前缀定义,IE 8+支持-ms-前缀。