1

私は自分のウェブサイトに固定の背景画像を設定しました。デスクトップとデスクトップ上のすべてのブラウザーでは問題なく見えますが、Android フォンではタイル表示されて繰り返されます。これを回避する方法が見つかりません。ここにコードがあります..誰かがAndroid Chromeで繰り返さずに背景画像を固定したままにするための修正を持っている場合は、私に知らせてください..ありがとう. 役に立たないコメントは除外してください。

CSS:

html, body {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    width: 100%;
    background-image: url("images/320htmlbackground.png");
    background-attachment: fixed;       
}

これも試しましたが、うまくいきませんでした........

html { 
    background: url("images/320htmlbackground.png") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
4

3 に答える 3

1

これを試して：

html, body {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    width: 100%;
    background-image: url("images/320htmlbackground.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;       
}
于 2013-07-02T00:41:20.557 に答える
0

同様の問題がありましたが、同じかどうかはわかりません。私の問題は、背景画像が、固定画像から期待されるのと同じ場所にとどまらないことでした。つまり、上下にスクロールすると、背景画像がページとともに移動しました。

bodyタグに背景を設定していたことがわかりました。私の電話を除くすべてのブラウザで問題なく動作しました。背景をhtmlタグ上に変更すると、スクロールしても移動せずに、本来あるべき場所に留まります。

于 2015-01-28T12:43:43.063 に答える
0

私にとってこれはうまくいきます：

body{
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    @media screen and (max-width: 767px) {
        height: 100%;
        overflow-y: auto;
    }
}
于 2018-10-10T13:45:20.277 に答える