Javascript 如何修复这些锯齿线？

我想知道是否有办法修复这些锯齿线（div的边）。我使用CSS

perspective

和

rotate

给我的tiles块（如下图所示）一个3d点击效果，就像在Windows8开始菜单tiles中一样

旋转

divs

onclick

会导致出现这些锯齿线，这对我和我的平铺都非常不利。有没有办法通过CSS、JS等任何方式来最小化这些锯齿线？

更新：
我在下面提供了一个JSFIDLE演示，以帮助您了解我是如何创建我的瓷砖并为它们提供3d外观的。

此问题仅适用于Firefox。

此网站（）似乎提供了添加1px边框的相关解决方案。 因此，相关的CSS将是：

img:focus{transform: rotateY(12deg); outline: 1px solid transparent;}

---

这将使图像在单击时在y轴上旋转12度。但是，应该添加浏览器前缀，以确保它是交叉兼容的，因为每个浏览器处理旋转的方式不同。

您可以使用JSFIDLE（或其他什么）创建一个快速演示吗？我已经创建并添加了它。它在我的屏幕上看起来不错。东芝chromebook 2上的即时通讯，chrome版本43.0.2357.134（64位），我只能在Firefox上复制。IE和Chrome看起来不错。我刚刚在我的Chrome 35.0.1916.114 m上检查过，在IE中，锯齿线非常小，几乎光滑。但是在我的Firefox34中，它们看起来就像我在问题中提供的屏幕截图。我的互动程序不是

img

，实际上它们完全是使用html、css和js创建的。查看我将要添加的JSFIDLE演示。我没有检查那个链接，在添加演示后我会检查它。好的，想法应该是一样的。阅读这些评论让我觉得这是一个特定于浏览器的问题。试试看它是否有效。如果它已经有了一个

边框

，我可以在

div

上使用outline吗？我目前正在编辑小提琴，添加

大纲

，但我看不到任何更改。这无法解决，问题仅限于Firefox，您能检查Firefox的最新版本吗？我刚刚检查了你的链接，我看到平滑应用的图像在Firefox中也出现锯齿状，但在IE中它看起来很平滑。是的。您是否正在尝试使用浏览器前缀？它似乎与Firefox无关。