3

デザインの一部として CSS スキューを広範囲に使用するサイトがあります。backface-visibility を使用すると、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

4

1 に答える 1

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

これに加えて、次の行を追加するだけです：

outline: 1px solid transparent;
于 2013-10-28T12:28:11.317 に答える