html - Safari 翻译(%,%) 别名

Question

我想水平翻译 div -50%，垂直翻译 -50%。我的 CSS 看起来像

-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%)
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

它在 Firefox 36、Chrome 和 Opera 中工作 - 翻译它并且带有图像的字体是抗锯齿的。但是，当我在 Safari 8 中查看它时，字体和图像出现别名。我已经测试了一些解决方法，例如:

-webkit-transform: translate3d(-50%, -50%, 0);

或

-webkit-font-smoothing: subpixel-antialiased;

或

-webkit-font-smoothing: antialiased;

但是当使用 % 时，它们都不能在 Safari 8 中工作。当使用 px 而不是 % 时，它在 Safari 中也能正常工作。

Answer 1

你可以使用-webkit-animation-delay 或者在窗口时给html添加css类