【 CSS 】背景画像を固定する方法

画面をスクロールしても、背景画像は止まったままブラウザ上の同じ位置に固定したい。
スクロールしても、背景画像がブラウザ上の同じ位置に追従してくるイメージ。

body{
background:url(bg.jpg) no-repeat top left;
background-attachment:fixed;
}

上記のコードは

①「body」に「bg.jpg」という背景画像をリピートなしで、左上に配置。

②「background-attachment」に「fixed」を指定する。（ background-attachment:fixed; ）

background-attachment は、背景画像の固定表示を指定するプロパティです。