2

この特定のサイトで背景の1つが表示されないという問題が発生しています。私はサイトをデザインしませんでした、そしてそれはちょうど今日私に手渡されました。

ただし、URLは次のとおりです。http：//musicalchairswc.com/

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）は表示されません。私の理解では、モバイルSafariは複数の背景をサポートするようになりましたね。

ポインタを事前に感謝します。

4

1 に答える 1

2

すばらしいドキュメントを読んでください。

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

JPEGの最大デコード画像サイズは、サブサンプリングを使用して32メガピクセルです。

これが私がそれにアプローチする方法です。

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）を分割しました

于 2012-04-18T05:15:39.597 に答える