首页 > 其他 > 详细

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

时间:2017-04-12 23:42:58      阅读:428      评论:0      收藏:0      [点我收藏+]

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%作为宽度

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

原文:http://www.cnblogs.com/fengzaiku/p/6701515.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!