CSS3并不兼容所有浏览器，存在兼容性问题。 例如，Internet Explorer 不完全兼容。 目前还没有浏览器能够完全支持CSS3，CSS3标准也还没有完全制定出来。 目前，目前能够支持部分CSS3的主流浏览器有chrome、safari、firefox、opera、ie10等新版本的主流浏览器。
IE 不完全支持 CSS3。 支持多少取决于IE的风格和版本：
● IE8以下，几乎不兼容CSS3，IE8只支持极小部分，如box-sizing：border-box；
● IE9及以上版本开始支持css3。
● IE9及以上部分兼容css3一般用什么浏览器，但flex-box等不兼容；
● IE11之后，兼容flex-box等更前沿的风格。
我们来看看 Chrome、Firefox、Safari、Opera 和 IE 五种主流浏览器对 Mac 和 Windows 平台上新的 CSS3 功能和 CSS3 选择器的支持情况。
CSS3属性支持如下图所示。 可以看到，完全支持CSS3属性的浏览器是Chrome和Safari，Mac和Windows平台都完全支持。
CSS3 选择器支持如下图所示。 除了IE家族和Firefox3之外，其他几乎都支持，其中以Chrome、Safari、Firefox 3.6、Opera 10.5最好。
阐明：
各大浏览器都定义了私有属性css3一般用什么浏览器，让用户体验CSS3的新特性。 例如，
● Webkit 浏览器（如Safari、Chrome）的私有属性以-webkit- 前缀开头。
● Gecko 浏览器（例如Firefox）的私有属性以-moz- 前缀开头。
● Konqueror 浏览器的私有属性以-khtml- 前缀开头。
● Opera 浏览器的私有属性以-o- 前缀开头。
● Internet Explorer 浏览器的私有属性以-ms- 前缀开头（目前仅IE 8+ 支持-ms- 前缀）。
发表评论