关于c3样式在浏览器上的兼容问题

1,在存在transition的元素执行动画时对下面元素的影响及解决方法:

  A,对position:fixed影响:造成定位元素抖动,解决方法:

  -webkit-transform-style:preserve-3d;

  -webkit-backface-visibility:hidden;

  B,字体模糊,这主要是transform位移取值不为整数引起的,解决方法:

   a,-webkit-font-smoothing: antialiased; /*chrome、safari*/

    -moz-osx-font-smoothing: grayscale;/*firefox*/

      -webkit-font-smoothing它有三个属性值:

      none ------ 对低像素的文本比较好

      subpixel-antialiased------默认值

      antialiased ------抗锯齿很好

   b,改用传统的位移方式

  C,transform在图片执行scale时出现抖动现象,解决方法:

    给这张图片的宽度写死,不要用100%作为宽度

posted @ 2017-04-12 21:39  風在哭  阅读(1351)  评论(0编辑  收藏  举报