android - 手机上的模糊/像素化图像

Question

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

但是，在我的应用程序的其他地方，我也想显示这些图像。因为我想显示更多，所以我使用精灵。尽管如此，精灵元素（精灵中的一个图像）是 240x240 并再次调整为 80x80（使用background-size），但现在看起来像这样：

如果我使用较小的尺寸（如 120x120 或 80x80）并将其调整为 80x80，它不会像素化，但会非常模糊。与所描述的第一种情况的唯一区别是使用 CSS sprites，但有很多人使用它们，我无法想象这是一个问题。有谁知道可能导致此问题的原因以及如何解决？

Answer 1

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

这些图像被绘制为div存在于 wrapping 中的元素上的背景图像div。如果我给他们一个z-index以确保他们在上面，他们会变得模糊。删除z-index导致它们完美呈现。

这实际上可能是 Webkit 引擎中的错误吗？

Answer 2

如果您使用的是 Paint，请在使用 Paint 实例之前确认以下内容：

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

Answer 3

添加border-radius: 1%;为我修复了这个