2回答

• 

  兔兔_跟上大神的脚步

  2014-12-02 16:08:58

   -webkit-animation: spin-right 10s linear infinite;

       -moz-animation: spin-right 10s linear infinite;

        -ms-animation: spin-right 10s linear infinite;

         -o-animation: spin-right 10s linear infinite;

            animation: spin-right 10s linear infinite;

  
  

  
  

  @-webkit-keyframes spin-right {

    100% {

      -webkit-transform: rotate(360deg);

         -moz-transform: rotate(360deg);

          -ms-transform: rotate(360deg);

           -o-transform: rotate(360deg);

              transform: rotate(360deg);

    }

  从别的网站上拷过来一段貌似很有用

  1 0

  文盲

  IE6-8是不支持CSS3样式。-o-是兼容opera浏览器 -webkit-是兼容chrome和safari，-moz-是兼容firefox，-ms-是兼容IE

  2015-01-09 20:30:43

  共 1 条回复 >

• 

  l1uyub0b0b0

  2014-11-25 21:24:15

  浏览器的兼容性是一个很大的话题了。事实上，让用户无论用什么浏览器都看见是不现实的，比如如果用户还在用IE6，那就没戏了。

  最简单的方案是检测用户浏览器的兼容性，之后对不兼容的情况给出替代方案。比如不兼容canvas动画，则播放slash动画。Modernizr是这方面的好工具。

  而对于js，个别语句在不同浏览器中的不同处理方式，则更令人头疼。采取降级方案通常要具体情况具体分析。而且深入到代码层，很难采取统一的方式解决。（jquery源码使用了很多相关技术以做到跨浏览器的兼容，如果有兴趣可以阅读其源码，慕课网上有相关课程。）

  0 2