Question

animation的兼容性问题怎么解决？

Answer 1

CSS3 animation 属性

1、IE10 开始支持的。

2、针对版本低的现代游览器最好使用前缀（-webkit-，-moz-，-o-）。

3、IE9 可以用JS的 setTimeOut 等函数来解决动画。

4、IE6，7，8 游览器推荐用jQuery动画，当然旋转等高级动画是不行的，因为rotate属性是IE9开始支持的。

5、不支持css3的游览器上不要勉强用，网页执行效率极差。

推荐一个网页

caniuse.com

这网页里可以查看css的属性能支持哪些游览器和版本。

CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。

Answer 2

CSS3 animation 属性

1、IE10 开始支持的。

2、针对版本低的现代游览器最好使用前缀（-webkit-，-moz-，-o-）。

3、IE9 可以用JS的 setTimeOut 等函数来解决动画。

4、IE6，7，8 游览器推荐用jQuery动画，当然旋转等高级动画是不行的，因为rotate属性是IE9开始支持的。

5、不支持css3的游览器上不要勉强用，网页执行效率极差。

推荐一个网页：caniuse.com

这网页里可以查看css的属性能支持哪些游览器和版本。