作为设计的一部分,我有一个广泛使用CSS偏斜的网站.除了iPad之外,使用背面可见性解决了锯齿状边缘问题.在所有其他webkit浏览器中,包括
iphone,边缘是平滑的,但由于某种原因iPad没有表现.这是偏斜的代码:
-webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transform: skewX(16deg); -moz-transform: skewX(16deg); -ms-transform: skewX(16deg); transform: skewX(16deg); /* IE8+ */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0.28674538575880865,M21=0,M22=1,SizingMethod='auto expand')"; /* IE6 and 7 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1,SizingMethod='auto expand');
这是网站:acumen.org
解决方法
-webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;
除此之外,只需添加以下行:
outline: 1px solid transparent;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。