背景画像を固定する

background-attachment: 固定するかどうか

[表示位置]
fixed 背景画像の位置を固定する
scloll 背景画像を他の内容と共にスクロールさせる(初期値)

背景を固定する場合も、背景とする画像の指定方法は通常とまったく同じです。
つまり、BODYタグのbackgroundで背景に使う画像ファイルを指定するわけです。
これでホームページの背景を画像とすることができます。
ただし、この状態ではまだ背景が固定されていません。
background-attachment プロパティは、背景画像が指定された場合に、
その画像を(ウインドウに対して)その位置に固定するか、
他の内容と共にスクロールさせるかを指定します。

背景を固定するスタイルシートをHEADタグ内に記述します。
スタイルシートのbodyセレクタにはbackground-attachment属性という属性が用意されており、
この値を変更することにより背景を固定させる、またはスクロールさせるようにすることができます。
属性の値に「fixed」と記述すると背景が固定に、
「scroll」と記述すると背景がスクロールするようになります。
よって、背景を固定させたい場合は
body{background-attachment:fixed;}」とスタイルシートに記述すればよいわけです。
これで背景の固定は完了です。



<style type="text/css">
<!--
body {
color: #000000;
background-color: #ffffff;

background-image: url(http://www5b.biglobe.ne.jp/~donbey/BCG_065.GIF);
background-repeat: repeat;
background-attachment: fixed;

margin-top: 50px
}

-->
</style>


(画面クリックでWEB上のサイズを見てください。)