Question

我遇到了这个特定网站没有显示其中一个背景的问题。我没有设计网站，今天就交给我了。

CSS是：

div.body_wrapper {
  background-image:url(img/big_bg_mod.jpg), url(img/bg_gradient.jpg);
  background-repeat:no-repeat, repeat-y;
  background-position: center -25px, center top;

}

但是在iPhone上，第一个背景（img / big_bg_mod.jpg）没有显示出来。据我所知 - Mobile Safari现在支持多种背景，是吗？

预先感谢任何指针。

Answer 1

阅读精美的文档。

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html#//apple_ref/doc/uid/TP40006482-SW15

使用子采样，JPEG的最大解码图像尺寸为3200万像素。

这是我接近它的方式。

div.body_wrapper {
  background-image:url(img/big_bg_mod_1-1.jpg), url(img/big_bg_mod_1-2.jpg), url(img/big_bg_mod_1-3.jpg), url(img/bg_gradient.jpg);
  background-repeat:no-repeat, repeat-y;
  background-position: center -25px, center 1000px, center 2000px, center top;
}

我拆分big_bg_mod.jpg（2320x1000,2320x1000,2320x320）

iPhone没有显示多个背景？

1 个答案: