CSS转换(旋转)导致Safari8(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（约塞米蒂）上也遇到了同样的问题。

添加：

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

身体"固定"了一点。字体不再闪烁，但变得不那么"粗体"了。

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

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