firefox - 仅在 Firefox 中应用框阴影时图像像素化

Question

所以我发现了这个非常奇怪的问题。当我在 Firefox 中对图像应用框阴影时，它会变成像素化。但是，在 Chrome 中查看时，该问题不存在。这是一个已知的问题？我的谷歌结果没有产生任何结果。

http://i.stack.imgur.com/x0rku.jpg

http://i.stack.imgur.com/Atfu9.jpg

CSS：

-webkit-box-shadow: 0px 0px 100px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 100px rgba(0,0,0,0.75);
box-shadow: 0px 0px 100px rgba(0,0,0,0.75);

Answer 1

弄清楚了。这是-moz-perspective: 600px;我设置的。它导致了 Firefox 中的像素化，所以我用它替换它-moz-transform: scale(2);并解决了这个问题。只是一个小的解决方法，一切正常。

Answer 2

尝试申请

-moz-box-shadow除了常规box-shadow

div.original.selected img{
    -moz-box-shadow: 0px 0px 100px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 100px rgba(0,0,0,0.75);
}