0

我们在 Magento 网站上有一个背景，由于内容的数量，它可以根据需要进行扩展。它似乎在 PC 和（希望是 Mac）上运行良好。但在任何 iOS 设备上，都不会显示白色背景。

我已经附上了两张截图——一张是它在普通 PC 浏览器中的样子，另一张是它在 iPhone 上的样子。

这是我们的网站： http ://tinyurl.com/arfpf7g

这是一个直接指向 iOS 设备上未显示的图像的链接：http: //tinyurl.com/bcovmvg

谢谢！！

4

3 回答 3

1

您有一个名为 .box_top 的类。里面有一个浮点数：left; 我不知道为什么，但尝试删除它并用溢出替换它：隐藏。至少在 FireFox 和 IE9 中是这样。

.box_top {
    background: url("../images/box_top.png") no-repeat scroll center top transparent;
    display: block;
    overflow: hidden;
    width: 1002px;
}

另外，删除边距：0 0 -5px。这会在边框外侧的每个框的底部产生一个小的灰色阴影。

于 2013-01-09T07:15:59.417 回答
0

这是 iOS 6.0 中的一个新错误，其中未在“隔行扫描”关闭的情况下保存的 PNG 图像不显示，或者有时是完全黑色的。尝试将“隔行扫描”设置为“关闭”保存您的 PNG 文件

于 2013-02-22T21:45:56.933 回答
0

为什么该图像不会在 iOS 中显示，这并不神秘，图像尺寸为 978x10000 像素（是的 10,000）。尽管它在磁盘上只有 167 kB，但当扩展到内存时，它是巨大的。

来自Safari Web 内容指南：

对于 RAM 小于 256 MB 的设备，解码的 GIF、PNG 和 TIFF 图像的最大大小为 3 兆像素，对于 RAM 大于或等于 256 MB 的设备，最大大小为 5 兆像素。

也就是说，对于 RAM 小于 256 MB 的设备，请确保 width * height ≤ 3 * 1024 * 1024。请注意，解码后的大小远大于图像的编码大小。

除了不显示在 iOS Safari 上之外，您肯定还会在其他所有浏览器上消耗大量内存。当然，您可以将图像的“顶部”和“侧面”部分分开并background-repeat用于平铺侧面。没有理由让那个东西的“侧面”部分的高度超过 50 像素。

这不是隔行扫描的问题，图像是在没有隔行扫描的情况下编码的

于 2013-02-22T23:24:33.840 回答