0

下にスクロールしても背景画像が動かないように、ウェブサイトのメイン CSS ファイルを編集しようとしています。以下にリストされているものを含む多くの手法を試しましたが、問題は、ページの上部からスクロールすると画像がまだ移動することです...しかし、画像の下部に到達すると、画像が再び表示されますが、この時点で、スケーラブルになり、さらに下にスクロールしても移動しません (これはまさに私が望んでいることですが、ページの一番上からずっとスケーラブルにしたいのです)。以下のコードで何を変更する必要があるか、またはこの問題を引き起こしている可能性のある別のセクションの特別なコードを探す必要があるかどうか疑問に思っていますか?

body { background: url(../img/pic.jpg) center fixed no-repeat; 
height:100%; width:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
padding:0; margin:0; text-align:center}
4

1 に答える 1

0 
body {
    background: url(../img/pic.jpg) center top no-repeat; 
    height:100%;
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
    padding:0;
    margin:0;
    text-align:center;
    position: fixed;
}
于 2013-04-08T04:30:08.403 に答える