画像ファイルを1つ使って任意の場所に固定させる方法です。
　ホラ！こんな風に♪写真提供 be sweet on...→

↓のソースを＜head＞〜＜/head＞の間に貼り付けて下さい。

ど真ん中に背景固定

<STYLE type="text/css"><!-- BODY{ background-image01 : url("画像ファイル名"); background-repeat: no-repeat; background-attachment: fixed;} --> </STYLE>

左上に背景固定

<STYLE type="text/css"><!-- BODY { background-image01 : url("画像ファイル名"); background-attachment: fixed; background-position:0% 0%; background-repeat: no-repeat;} --> </STYLE>

右下に背景固定

<STYLE type="text/css"><!-- BODY { background-image01 : url("画像ファイル名"); background-attachment: fixed; background-position:100% 100%; background-repeat: no-repeat;} --> </STYLE>

右上は　100% 0%
左下は　0% 100%

のように%の部分を変更して下さい。

このページのソース例

<STYLE type="text/css"><!-- BODY { background-image01 : url("image01_kowaza.jpg"); background-attachment: fixed; background-position:100% 0%; background-repeat: no-repeat;} --> </STYLE>

1キロバイトの素材屋さん