CSS 背景アタッチメント

CSS background-attachment

background-attachment 属性が背景画像がスクロールするか固定されるかを指定します（ページの残りの部分とは同時にスクロールしません）：

例

背景画像を固定するように指定します：

body {
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
}

自分で試してみる

例

背景画像がページの残りの部分とともにスクロールするように指定します：

body {
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
}

自分で試してみる