相关疑难解决方法(0)

我一直在使用CSS3转换在我的网站中旋转带边框的图像和文本框.

问题是Chrome中的边框看起来很混乱,就像没有抗锯齿的(低分辨率)游戏一样.在IE,Opera和FF中它看起来好多了,因为使用了AA(它仍然清晰可见,但并不坏).我无法测试Safari,因为我没有Mac.

旋转的照片和文字本身看起来很好,只是看起来像锯齿状的边框.

我使用的CSS是这样的:

.rotate2deg {
    transform: rotate(2deg);
    -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Safari and Chrome */
    -o-transform: rotate(2deg); /* Opera */
    -moz-transform: rotate(2deg); /* Firefox */
}

有什么方法可以解决这个问题,例如强迫Chrome使用AA吗？

示例如下:

我在CSS中设置了圆角,如下所示:

input { -webkit-border-radius: 1em; }

在桌面浏览器(Chrome,FF)上,角落是圆形的,非常平滑(抗锯齿).然而,在Android浏览器(甚至2.3)上,角落是圆形但不平滑,它们看起来很糟糕 - 像素化......

如果有一些CSS黑客或其他解决方案,请帮忙.