如何修复 Firefox 3D CSS 转换中的锯齿状边缘？

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

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

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

解决方法：

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

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

<code class="css">outline: 1px solid transparent;</code>

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

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

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

<code class="css">border: 1px solid white;</code>

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

以上是如何修复 Firefox 3D CSS 转换中的锯齿状边缘？的详细内容。更多信息请关注PHP中文网其他相关文章！