Android 手机上的模糊/像素化图像

在我的phonegap应用程序中，我在一个列表视图中显示一个240x240的图像，该图像的大小调整为80x80。这工作正常，图像清晰：

然而，在我的应用程序的其他地方，我也想显示这些图像。因为我想显示更多的图片，所以我使用了精灵。尽管如此，sprite元素（sprite中的一个图像）仍然是240x240，并且再次将其大小调整为80x80（背景大小为

但现在看起来是这样的：


如果我使用较小的尺寸（如120x120或80x80）并将其调整为80x80，它不是像素化的，而是非常模糊的。与第一种情况的唯一区别是使用CSS精灵，但这么多人使用它们，我无法想象这会是一个问题。是否有人知道这可能是什么原因以及如何修复？
如果您正在使用Paint，请在使用Paint instance之前确认以下内容：

paint.setAntiAlias(true);
paint.setDither(true);
paint.setFilterBitmap(true);

顺便说一句，我找到了问题的根源：
z-index

图像作为背景图像绘制在位于包装
div
中的
div
元素上。如果我给它们一个
z索引
，以确保它们位于顶部，它们就会变得模糊。删除
z索引
会使它们得到完美的渲染

这可能是Webkit引擎中的一个bug吗？
添加
边界半径：1%为我修复了这个问题
这听起来像是本机代码。我的应用程序是用带有Phonegap的HTML5/CSS编写的-使用目标密度dpi=设备dpi（如果不使用）。对于不同的设备密度使用不同的图像。根据设备分辨率/密度，我使用不同的精灵（因此会出现问题）。使用
targetdensityDPI
确实让它看起来不错，但不幸的是，应用程序的其余部分太小了（即使是jQM的东西）。另外，我仍然不知道为什么在一种情况下图像看起来很好，而在另一种情况下图像看起来不好。我还刚刚读到，WebKit中删除了
目标密度dpi
，因此不推荐使用它。顺便说一下，我已经在使用
window.devicePixelRatio
来选择合适的精灵大小。如上所述，它必须以某种方式工作，因为其他图片看起来也很好。不过，我真的不想从精灵切换到图像，那会有点混乱。这绝对是它。我现在可以通过将
div
s包装到第二个包装器中，并将
z-index
提供给这个包装器来修复它。奇怪的是，我遇到了一个非常类似的问题，但是使用@font-face导入的字体。它们在站点中随处可见，除了在具有z索引的模态中。