使用 css 3d 转换后如何修复 Safari 5 Mac OS X 中的脆文本？

当应用 css 3d 变换的元素之后，相对和绝对定位的元素触发奇怪的行为时，我遇到了问题。

为了解决这个问题，我必须设置背景颜色，但是如果我需要透明度怎么办？

这是重现该错误的最低限度：http://jsfiddle.net/8VABq/3/ http://jsfiddle.net/8VABq/3/

这确实是一个奇怪的错误。

我的第一次尝试涉及指定透明背景颜色：

.crispy {
  position: relative;
  font-size:.9em;
  background: rgba(255,255,255,0);
}

然而，这不起作用。事实上，如果您使用 alpha 值（零），它的范围似乎是从脆 (0) 到正常 (1)。

包装内部 div 并指定静态位置也不起作用。

我发现的唯一解决方案是：

.crispy {
  position: relative;
  font-size:.9em;
  -webkit-font-smoothing: antialiased;
}

然而，这会使所有文本变得稍微模糊，因为它不使用液晶显示器上可用的子像素抗锯齿功能。这可能（也可能不是）是可接受的解决方法。