Webデザイナーブログから学ぶホームページ制作

「background-attachment」プロパティは、背景画像の固定表示を指定するCSSプロパティです。
背景は要素自身に対する相対位置で固定され、内容と共にスクロールしないか、背景はビューポートに対する相対位置で固定するかを設定することができます。

背景画像の固定表示を指定する値は「scroll」「fixed」「local」などの値を指定することができます。
また、「background-attachment」プロパティと同時に設定が出来るプロパティの種類がいくつかあります。

【プロパティの種類】
・background-color
・background-image
・background-size
・background-repeat
・background-position
・background-attachment
・background-clip
・background-origin

背景画像の固定表示を指定する場合は、「background-attachment」プロパティを使い適応する値を指定することで実装できます。

セレクタ{
background-attachment:背景画像の固定表示;
}

/* 基本値 */
background-attachment: scroll;/* 背景は要素自身に対する相対位置で固定 */
background-attachment: fixed;/* 背景はビューポートに対する相対位置で固定 */