html - サイズ変更時にCSS背景プロパティが背景を移動しないようにする

Question

私は最近、ここで尋ねた最近の質問で問題を見つけました。これは、ChromeまたはSafari Webkitのバグ、あるいは私のstyle.css内の何かに関連していると思います。しかし、しばらくすると、サイズ変更時に背景がわずかに動いていることに気付き、右に移動すると、画面の左側に左の白い境界線が上から下に表示されなかったと結論付けました。背景画像が右側に移動し、2pxの白い境界線が左側に表示されました。国境の移動を止めるにはどうすればよいですか。

私のCSS：

html { 
    background: url(/assets/fotball.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}

Answer 1

コードを次のように変更します: jsFiddle Live Demo

html { 
    background: url(/assets/fotball.jpg) repeat center top fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:;
}

を使用する場合、またはbackground-size: cover;を使用しても違いはありません。したがって、この場合、問題を解決するために使用できます。background:no-repeatbackground:repeatrepeat

Answer 2

これを試して：

background: url(/assets/fotball.jpg) no-repeat center top fixed;