3D CSS 转换：解决 Firefox 中的锯齿状边缘

与 Chrome CSS 转换的锯齿状边缘问题并行，也会出现类似的问题在 3D 转换期间使用 Firefox。可以在这个 JSFiddle（特定于 Firefox）找到一个说明：http://jsfiddle.net/78dK/5/。

与 Chrome 不同，backface-visibility 在 Firefox 中不提供解决方案。

解决方法：

解决方法 1（轮廓属性）：

要获得更通用的解决方案，请考虑添加透明轮廓属性：

outline: 1px solid transparent;

此方法已在 Firefox 10.0.2 Windows 7 上验证：http://jsfiddle.net/nKhr8/。

解决方法 2（边框属性）：

或者，您可以添加颜色与背景匹配的边框属性：

border: 1px solid white;

当背景颜色已知时（例如，本例中为白色），此选项有效：http://jsfiddle.net/LPEfC/.