与“ css transform, jagged edges in chrome ”类似，Firefox 在 3D 变换上也会出现同样的情况，例如：http: //jsfiddle.net/78d8K/5/（<- 记住：Firefox）
这一次，backface-visibility没有帮助:(
任何想法？
问问题
27872 次
4 回答
154
编辑后的答案：（评论后）
“解决方法”，添加一个透明的轮廓属性：
outline: 1px solid transparent;
在 Firefox 10.0.2 Windows 7 上测试：http: //jsfiddle.net/nKhr8/
原始答案：（取决于背景颜色）
“解决方法”，添加与背景颜色相同的边框属性（本例为白色）：
border: 1px solid white;
在 Firefox 10.0.2 Windows 7 上测试：http: //jsfiddle.net/LPEfC/
于 2012-02-17T19:04:28.447 回答
4
如果要防止反锯齿边框
下面对我来说效果更好
border: 1px solid rgba(0, 0, 0, 0.1);
如果边框应该清晰可见，但这可能不是完美的解决方案，您最好坚持@Juan 的回答。
下面是立方体转动的截图
于 2015-09-03T19:58:45.253 回答
1
除了 using 之外outline，以下内容也可以使用：
box-shadow: 0 0 0 1px transparent;
于 2019-05-23T08:12:26.467 回答
-1
filter:blur(.25px);对我有用，看起来不太模糊。
示例：https ://codepen.io/Grilly86/pen/QWLXBbX （尝试在 (S)CSS 中编辑第 22 行）
于 2019-10-01T11:18:42.243 回答