[CSS] 背景画像をスクロールさせない（background-attachment）
画面をスクロールしても、背景画像を固定させたい場合は、
「background-attachment」を使用します。
構文
background-attachmentの構文です。
background-attachment:＜値＞;
| 値 | メモ |
|---|---|
| fixed | 画像を固定化する |
| scroll | 画像を固定化しない（デフォルト） |
サンプル
例）背景画像に「image/sample.png」を指定してスクロールさせない
|
1 2 3 4 |
body{ background-image:url('image/sample.png'); background-attachment:fixed; } |
備考
- 背景画像をスクロールさせるのがデフォルトの動きなので、スクロールさせたい場合はbackground-attachmentの指定は不要です。