背景画像の固定: background-attachment:fixed;

background-attachmentは、背景画像が他のコンテンツと共にスクロールするか、あるいは固定するかを指定をするプロパティです。
ブラウザーのウィンドウ内が基準となるためスクロールバーが出るほどの内容があるページで指定しないと意味がありません。

background-attachment: 値;
値には次のようなキーワードが入ります。

fixed: 背景画像の固定でスクロールしても画像はその位置から動きません。
scroll: これが初期値で背景画像は他のコンテンツと共にスクロールするために、スクロールすると画像は見えなくなります。

※補足するとブラウザーのウィンドウ(ブラウザーで見えている部分)を基準にして、そのブラウザーで見えている部分に画像を固定(fixed)するか、ブラウザーで見えている部分で画像がスクロール(scroll)するかが決まっています。

< GSTYLE Blogへ戻る

関連項目

スタイルシート(CSS) background-position

スタイルシート(CSS) background-repeat

スタイルシート(CSS) background-image

スタイルシート(CSS) background-color