CSS Transform(旋转)导致 Safari 8(yosemite)中的文本闪烁

Question

这是 safari 7 的问题，已通过以下代码修复

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

现在在Safari 8中还没有修复，会导致文字闪烁

链接http://jsfiddle.net/6x9u11c9/1/

Answer 1

我还没有找到解决这个问题的完美方法。我在 Firefox (Yosemite) 上遇到了同样的问题。

添加:

-webkit-transform-style:preserve-3d;
-webkit-filter: opacity(1);

将 body “固定”一下。字体不再闪烁，但确实变得不那么“粗体”了。

编辑:将这些添加到 body 为我解决了 Safari 中的问题。它仍然出现在 Firefox 中，因为它不是 webkit 浏览器。

-webkit-filter: opacity(.9999);
-webkit-text-stroke: 0.35px;