4

我一直在研究问题和搜索引擎，但可能现在要索引或找到答案还为时过早。

无论如何，当我在处理我的一个项目时，突然间许多背景图像停止显示。这发生在 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>

我已经尝试使代码“相同”，但仍然是同样的问题。我目前正在研究图像以某种方式存在问题，但这并没有任何意义。

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

4

3 回答 3

7

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

问题与大小、宽度、透明度或repeat-x 无关，它是INTERLACING。将图像加载到图像编辑器中并在隔行扫描关闭的情况下保存，它应该可以工作。

于 2012-09-26T06:04:06.240 回答
5

从测试和学习，以及使用photoshop。

我在使用用于背景图像的 png 文件时看到的问题会变黑。我遇到问题的所有文件都是 1 像素宽 x 某个高度（20 到 700 像素之间）。这些文件还在 Photoshop 中进行了标记，以支持透明度。

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

在测试之后，我注意到（因为在那之前我没有）所有有问题的文件都被设置为支持透明度。我测试了禁用它，这一切都不同了。

因此，从我所做的来看，所有文件的尺寸都与之前尺寸相同，但禁用了对透明度的支持。

这并不是说 iOS 6 和 png 图像的尺寸没有相关问题，但这不是我解决所看到问题的方法。

另请注意，这不仅在 Safari 上。这也出现在 iOS 6 中的 Chrome 上。

于 2012-09-22T13:32:29.533 回答
3

我也遇到过这个令人沮丧的问题。

我发现原因似乎源于图像宽度为 10 像素或更小的 repeat-x PNG 背景。将每个受影响图像的宽度增加到至少 50px 为我解决了这个问题。

于 2012-09-21T11:48:42.143 回答