背景画像の位置を指定して固定する（２）

background-position: 配置する位置

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

スタイルシートのbodyセレクタには、
背景の位置を指定できるbackground-positionという属性も用意されています。
background-position属性では背景画像の位置を、左（left)・右（right)の端
上部（top)・下部（bottom)という具合に指定します。又たとえば左から150ピクセル、
上から100ピクセルの位置と配置する位置を指定することも出来ます。

さらに背景を固定させる場合は、
「body{background-attachment:fixed; background-position:left bottom;}」
とスタイルシートに記述すればよいわけです、これで背景の固定は完了です。


<style type="text/css">
<!--
body {
color: #000000;
background-color: #ffffff;
background-image: url(http://www5b.biglobe.ne.jp/~donbey/DSCF0098.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-attachment:fixed;
margin-top: 50px
}
-->
</style>


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