css - CSS 变换（旋转）导致 Safari 8（优胜美地）中的文本闪烁

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);

身体“固定”了一点。字体不再闪烁，但它确实变得不那么“粗体”了。

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

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