background-attachmentで背景画像の固定や移動を指定【CSS】

background-attachmentはページをスクロールしたときの背景画像の表示方法を指定するプロパティ。

背景画像はbackground-imageプロパティで指定できます。

関連記事
『background-imageで背景画像を指定する【CSS】』

background-attachment

background-attachmentプロパティでは以下のような値を指定できます。

scroll

scrollを指定すると、背景画像も一緒にスクロールします。

fixed

fixedを指定すると、背景画像は固定されてスクロールしません。

local

localを指定すると、背景画像は指定された要素の領域に固定され、その領域にスクロール機能がある場合は、内容といっしょに背景画像もスクロールします。