html - iPod touch iOS6 - 具有大背景图像的元素显示为空白

Question

我在两台运行 iOS 6 的独立 iPod touch 设备上重现了这一点。iPhone 似乎没有受到影响，iPad 也没有。

我在我的 Web 应用程序中为图像使用 sprite 文件。我现在正在尝试提供视网膜支持，所以我创建了一个单独的视网膜 Sprite 文件，它的尺寸是低质量文件的两倍。

Chrome 和 Safari 似乎都不喜欢显示它。

我正在做以下事情: .img { background: url(xx-retina.png) no-resize top left; height: xx; width: xx; display: block }

在正文中: <div class='img'/>

标签的类型无关紧要。我指定的背景位置偏移无关紧要。该图像不会显示，但如果我查看调试工具，它似乎已加载。如果我开始裁剪图像，它最终会显示出来。

有人知道这方面的信息吗？

Answer 1

我遇到了同样的问题。我已经测试了大型 png-8、png-24 和 gif 图像，它们是否具有透明度并不重要 - 图像不会显示在 iPOD 上。

我也试过在 Canvas 上绘制图像，但它也没有用。

如果您不需要透明度，您可以将图像设为 jpg - 我使用的最大 jpg 大小为 14mb，但仍能正常显示。