缺少iOS 6 Safari背景

时间:2012-09-20 20:24:09

标签: html5 google-chrome mobile-safari ios6

我一直在挖掘问题和搜索引擎,但是对于已经编入索引或找到答案的答案来说可能还为时过早。

无论如何,当我使用我的一个项目时,很多背景图像突然停止显示。这是在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>

我试过让代码'相同',但仍然是同样的问题。我目前正在研究图像不知何故是什么问题,但这没有任何意义。

提前感谢您的想法/帮助等。

3 个答案:

答案 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解决了我的问题。