ウェブランサー

background-attachment - 背景画像の固定・移動を指定する

対応ブラウザ
IE7対応IE8対応Firefox対応Chrome対応Opera対応Safari対応
適用対象 全ての要素
継承 しない

background-attachmentプロパティは、背景画像のスクロールの仕方に関する指定を行う事ができます。スクロール(初期値)か、固定を指定できます。

background-attachmentに与えられる値

background-attachment: scroll;
スクロールに伴って、背景画像も移動します。これが初期値です。
background-attachment: fixed;
背景画像の位置が固定されます。スクロールしても動かなくなります。

background-attachmentの使用サンプル

CSS
body {
 background-color: #FFFFFF;
 background-image: url(images/backsample.gif);
 background-attachment: fixed;
}
表示確認

background-attachmentに関連するCSSプロパティ

背景(バックグラウンド)
background 背景に関する指定をまとめて行う
background-attachment 背景画像の固定・移動を指定する
background-break インライン要素の背景画像の繰り返し方法を指定する
background-clip 背景の描画範囲を指定する
background-color 背景色を指定する
background-image 背景画像を指定する
background-origin 背景の描画する際の基準となるボックスを指定する
background-position 背景画像の表示開始位置を指定する
background-repeat 背景画像の繰り返しを指定する
background-size 背景画像を表示するサイズ(大きさ)を指定する