2

Magento Web サイトには、コンテンツの量に応じて拡大する背景画像があります。PC でも (できれば Mac でも) 正常に動作します。ただし、どの iOS デバイスでも、白い背景は表示されません。

通常の PC ブラウザーでの表示と iPhone での表示の 2 つのスクリーンショットを含めました。(スクリーンショットについては、次の投稿を参照してください)

ここに私たちのサイトがあります: 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 に答える