我一直在挖掘问题和搜索引擎,但是对于已经编入索引或找到答案的答案来说可能还为时过早。
无论如何,当我使用我的一个项目时,很多背景图像突然停止显示。这是在iPad上升级到iOS 6后发生的。
举个例子:
<td style="background-image:url(https://mysite.com/_itemg_ver1.png); background-repeat:repeat-x; height:24px; width:100px;">Some content</td>
由于并非所有的背景图像都受到影响,这可能是愚蠢的事情,这让人感到更加沮丧。我很迷惑。工作代码示例:
<td style="width:925px; height:44px; background-color:#ffffff; background-image:url(https://mysite.com/ll_corner_ver1.png); background-repeat: no-repeat; background-position:bottom left;">Some content</td>
我试过让代码'相同',但仍然是同样的问题。我目前正在研究图像不知何故是什么问题,但这没有任何意义。
提前感谢您的想法/帮助等。
答案 0 :(得分:7)
由于自己解决了这个问题,我做了很多测试。
问题与尺寸,宽度,透明度或重复x无关,它是INTERLACING。将图像加载到图像编辑器中并使用隔行扫描 OFF 进行保存,它应该可以正常工作。
答案 1 :(得分:5)
从测试和学习,以及使用photoshop。
我在使用用于背景图像的png文件时看到的问题会变黑。我遇到问题的所有文件都是1像素宽x高度(20到700像素之间)。这些文件也在photoshop中标记,以支持透明度。
根据早期的海报推荐和经验测试了所有尺寸的宽度。然而,这并没有解决我所看到的问题。
经过测试后,我注意到(因为我之前没有)所有有问题的文件都设置为支持透明度。我测试了禁用它,它完全不同。
所以,从我的工作开始,所有文件都与之前的尺寸相同,但是支持透明度已禁用。
这并不是说iOS 6和png图像的尺寸没有相关问题,但这并不是我解决我看到的问题的方法。
另请注意,这不仅仅是在Safari上。这也可以在iOS 6中的Chrome上看到。
答案 2 :(得分:3)
我也经历过这个令人沮丧的问题。
我发现原因似乎源于repeat-x PNG背景,其中图像的宽度为10px或更小。将每个受影响图像的宽度增加到至少50px解决了我的问题。