iPad上的CSS斜交锯齿边缘

Question

我有一个网站使用CSS作为设计的一部分大幅倾斜。使用背面可见性解决了锯齿边缘问题，除了在iPad上。在其他每个包含iphone的webkit浏览器中，边缘都很平滑，但由于某些原因，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, M12=0.28674538575880865, M21=0, M22=1, SizingMethod='auto expand'); 

这是网站：acumen.org

Answer 1

-webkit-backface-visibility: hidden; 
-ms-backface-visibility:  hidden; 
-moz-backface-visibility: hidden; 
backface-visibility:   hidden; 

与此只需添加下面一行沿：

outline: 1px solid transparent;