Firefox 中的 CSS Transform Perspective 坏像素化答案

【问题标题】：CSS Transform Perspective bad pixelation in FirefoxFirefox 中的 CSS Transform Perspective 坏像素化
【发布时间】：2014-12-05 17:34:14
【问题描述】：

我正在尝试制作类似于 Chrome 标签的标签。我用：

transform:perspective(4px) rotateX(-1deg);
-webkit-transform:perspective(4px) rotateX(-1deg);
-moz-transform:perspective(4px) rotateX(-1deg);

在 Chrome 和 IE 中看起来不错，但在 FF 中左边框是像素化的；

火狐

Chrome/IE

我该如何解决这个问题？

【问题讨论】：

嗯，这在历史上是不寻常的，FF 比 chrome 更好地处理此类事情 as in this question 不确定您是否可以尝试使用 -moz 前缀的背面可见性？

【解决方案1】：

问题已解决

outline: 1px solid transparent;

【讨论】：