2

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

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

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

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

谢谢！！

4

1 回答 1

6

问题是 iOS 对它可以加载的图像的最大尺寸有限制。从内存来看，它是 3 到 5 兆像素，具体取决于设备。作为参考，您的图像是 9.78mp (978 x 10000)。

你的背景图片绝对没有理由那么大。它是 171kb，大约 10px 后可以重复。切掉顶部，它可能有 10px 高，你可以使用它来实现相同的效果background-repeat: repeat-y。然后只需将背景的顶部应用到另一个元素。

或者，可以使用框阴影和虚线边框在 css 中复制该背景图像。

CSS：

.outer {
  margin: 20px;
  width: 200px;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3);
  padding: 10px;
}

.inner {
  height: 200px;
  border: 1px dashed #bde432;
}

HTML：

<div class="outer">
  <div class="inner"></div>
</div>

演示：http: //jsfiddle.net/WUpEF/

于 2013-01-14T18:55:15.427 回答