仅在Firefox中应用Box Shadow时的图像像素化

Question

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

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-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);
}

Answer 2

想出来。这是我设定的-moz-perspective: 600px;。它导致了Firefox中的像素化，所以我用-moz-transform: scale(2);取而代之，它修复了问题。只是一个小的解决方法，一切正常。