首页 > 代码库 > 关于c3样式在浏览器上的兼容问题
关于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%作为宽度
关于c3样式在浏览器上的兼容问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。