【CSSリファレンス】background-attachment

こんにちは（・∀・）

CSSプロパティをご紹介します。今回ご紹介するCSSプロパティはbackground-attachmentです。

概要

background-attachmentプロパティを使用して背景画像の固定やスクロールの設定を指定します。

.sample {
  background-attachment: fixed;
}

適用要素

すべての要素

指定できる値

scroll

背景画像をスクロールする

fixed

背景画像を固定する

初期値

scroll

サンプル

CSS

body {
  background-image: url(bg.png);
  background-repeat: repeat;
  background-position: left top;
  background-attachment: fixed;
}

Result

サンプルデモはこちら