iPod touch iOS6 - 具有大背景图片的元素显示为空白 [英] iPod touch iOS6 - elements with large background images show up blank

问题描述

我已经在两个独立的iPod touch设备上运行iOS 6来复制这个文件。iPhone似乎没有受到影响，iPad也不会受到影响。

I've reproduced this on two separate iPod touch devices running iOS 6. iPhone does not seem to be affected, neither is iPad.

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

I'm using a sprite file for images in my web application. I am now trying to provide retina support, so I have created a separate retina sprite file which is twice the dimensions of the low quality one.

Chrome或Safari似乎不喜欢显示这个。

It seems like neither Chrome nor Safari like to display this.

我执行以下操作：
.img {background：url（xx-retina.png）no-resize ; height：xx; width：xx; display：block}

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

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

The type of tag doesn't matter. The background-position offsets I specify don't matter. The image won't display, though it seems to get loaded if I look at the debug tools. If I start cropping the image, eventually it will show up.

有没有这方面的资料？

推荐答案

同样的问题。我已经测试了大的png-8，png-24和gif图像，如果他们有透明度没有关系 - 图像不会显示在iPOD上。

I got the same problem. I have tested large png-8, png-24 and gif images and it doesnt matter if they have transparency or not - the image wont display on iPOD.

如果你不需要透明度，你可以使你的图片jpg - 我使用的最大的jpg是14mb，仍然显示正确。

If you do not need transparency you could make your images jpg - largest jpg I used was 14mb and was still displayed properly.

这篇关于iPod touch iOS6 - 具有大背景图片的元素显示为空白的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！