background-attachmentプロパティ

要素の背景画像に対し、スクロールされたときの表示設定を指定します。

値

要素に対し背景画像を固定表示するため、要素内のスクロールには影響されません。
ページ自体のスクロールに対しては要素と一緒に動きます。

background-attachment: scroll;

表示例

サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト

要素内のスクロール、およびページ自体のスクロールのどちらにも影響されます。

background-attachment: local;

表示例

ページ自体に固定表示します。
そのため、要素内のスクロール、およびページ自体のスクロールのどちらにも影響されません。

background-attachment: fixed;

表示例