0

jQuery Mobile を使用して Asp.Net MVC サイトを開発しています。スクロール中に背景画像をサイトの中央に固定するように設定するために、この CSS パーツを使用しました。

background: white url(Image/A-HD.jpg);
background-repeat: no-repeat;
background-position: 50% 50%; /*or center center */
background-attachment: fixed;
background-size: 50%;

iPad 2 (私がテストした唯一のもの) を除いて、どこでも動作します。background-attachment: fixed のようです。正しく動作しません: 背景画像は実際には中央にとどまりますが、私のスクロールには従いません。

それで、background-attachment をシミュレートする方法はありますか: fixed; iPad2の場合(および同様のことだと思います)?

ありがとう!

4

1 に答える 1

1

別の要素を使用してこれを回避できる可能性があり、position: fixedそれは機能します!

HTML:

<div id="Background"></div>

<div id="Content"></div>

CSS:

#Background {
    background: white url(Image/A-HD.jpg) no-repeat 50% 50%;
    background-size: 50%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
于 2012-11-12T02:08:44.547 に答える