3D CSS变换，边缘呈锯齿状在Firefox

与之相似，以 “css transform, jagged edges in chrome”，同样发生在Firefox上的3D变换，如：http://jsfiddle.net/78d8K/5/（< - 记住：火狐）3D CSS变换，边缘呈锯齿状在Firefox

这一次，backface-visibility没有帮助：（

任何想法

来源

2012-02-10 abernier

这里有一个更新版本的Webkit支持的采取截图：http://jsfiddle.net/78d8K/6/ – Blender 2012-02-10 21:55:19

不要在乎这里的WebKit（这是关于），这是关于Firefox在这里:) – abernier 2012-02-12 20:48:56

投票的错误在这里：https://bugzilla.mozilla.org/show_bug.cgi?id=766345 – HRJ 2012-09-30 09:51:56

140

编辑答案：（评论）之后

“解决办法”，增加一个透明轮廓属性：

outline: 1px solid transparent;

测试在Firefox 10.0.2的Windows 7：http://jsfiddle.net/nKhr8/

enter image description here

原来的答复：（背景颜色依赖）

“解决方法”，添加一个边境属性相同的颜色你的背景（白色这种情况下）：

border: 1px solid white;

测试在Firefox 10.0.2的Windows 7：http://jsfiddle.net/LPEfC/

enter image description here

来源

2012-02-17 19:04:28

有趣的:)，实际上的作品的例子...除了当背景不再是白色：http://jsfiddle.net/LPEfC/1/我尝试使用'border-width：0'或'border-color：transparent'或'border-color：rgba（255,255,255,0）'为了使窍门成为独立于背景颜色 - 但不工作了 - - 但有趣的解决方法，thx！ – abernier 2012-02-18 21:53:26

再次阅读我的答案，将“背景”的颜色设置为边框 – 2012-02-18 21:55:55

如果没有其他答案，您将获得赏金:) – abernier 2012-02-18 22:01:29

如果你想防止消除锯齿的边界

以下对我有用的更好

border: 1px solid rgba(0, 0, 0, 0.1);

如果边框应该清晰可见，这可能不是一个完美的解决方案，但您最好坚持@ Juan的回答。

下面是立方体旋转

来源

2015-09-03 19:58:45

3D CSS变换，边缘呈锯齿状在Firefox

回答

相关问题