【 CSS 】背景画像を固定する方法
画面をスクロールしても、背景画像は止まったままブラウザ上の同じ位置に固定したい。
スクロールしても、背景画像がブラウザ上の同じ位置に追従してくるイメージ。
body{
background:url(bg.jpg) no-repeat top left;
background-attachment:fixed;
}
上記のコードは
①「body」に「bg.jpg」という背景画像をリピートなしで、左上に配置。
②「background-attachment」に「fixed」を指定する。（ background-attachment:fixed; ）
background-attachment は、背景画像の固定表示を指定するプロパティです。
