背景画像を固定する 【background-attachment】
ブラウザで表示した時の見え方
ページ全体をご覧ください。
ソースサンプル
【CSS】
body {
background-image: url("./img/back.gif");
background-attachment: fixed
}
[
黒※説明中のタグ
紫※省略可能なタグ
赤※変更可能
緑※文章など
]
解説
- スクロールしても背景画像の位置を動かないようにすることができます。
| オプション |
| fixed | 画像を固定する | background-attachment: fixed |
| scroll | 画像を固定しない | background-attachment: scroll |
| 値 | 機能 | 例 |
AICHAN WEB(Z)
>
HTML＆CSSサンプル集(S)
>
CSS
-
背景画像を固定する