background-attachment 【背景】

[IE5] [IE6] [IE7] [Fx1] [Fx2] [Op6] [Op7] [Ns6] [Ns7]

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

scroll
スクロールに伴って、背景画像も移動します。これが初期値です。

fixed
背景画像の位置が固定されます。スクロールしても動かなくなります。

background-attachmentの使用例

CSSファイル

body {
 background-color: #ddffff;
 background-image: url(images/backsample.gif);
 background-attachment: fixed;
}

HTMLソース

<body>
background-attachmentプロパティ使用例<br />
ちなみに当サイトの背景画像は『fixed』です。
</body>

背景関連項目

background 背景に関する指定をまとめて行う 
background-attachment 背景画像の固定・移動を指定する 
background-color 背景色を指定する 
background-image 背景画像を指定する 
background-position(x y) 背景画像の表示開始位置を指定する 
background-repeat 背景画像のリピートの仕方を指定する 

戻る

TOP