缺少iOS 6 Safari背景

Question

我一直在挖掘问题和搜索引擎,但可能现在对索引或找到的答案来说还为时过早.

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

我试过让代码'相同',但仍然是同样的问题.我目前正在调查图像以某种方式成为问题,但这没有任何意义.

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

Answer 1

由于自己解决了这个问题,我做了很多测试.

问题与尺寸,宽度,透明度或repeat-x无关,它是INTERLACING.加载图像到图像编辑器,并与隔行扫描保存关闭,它应该工作.

Answer 2

从测试和学习,以及photoshop的使用.

我在使用用于背景图像的png文件时看到的问题会变黑.我遇到问题的所有文件都是1像素宽x高度(20到700像素之间).这些文件也在photoshop中标记,以支持透明度.

根据早期的海报推荐和经验,测试了所有尺寸的宽度.然而,这并没有解决我所看到的问题.

在测试之后,我注意到(因为我之前没有)所有有问题的文件都被设置为支持透明度.我测试了禁用它,它完全不同.

因此,从我所做的,所有文件都与之前的尺寸相同,但支持禁用透明度.

这并不是说iOS 6和png图像的尺寸没有相关的问题,但这并不是我如何解决我看到的问题.

另请注意,这不仅仅是在Safari上.在iOS 6中的Chrome上也可以看到这一点.