html - ページ移動時に背景画像を移動する

Question

ページを上下にスクロールするときに背景画像を移動させる方法はありますか?

Answer 1

添付ファイルを に設定するだけfixedです。

background-attachment:fixed;

大きな画像がある場合は、 を使用できますbackground-size。例えば：

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

background-sizeそれがあなたに言うことをします。属性として使用coverすると、背景画像は背景全体を埋めるようにスケーリングされるため、画面よりも大きな画像を使用するときにスクロールバーがなくなります。