背景画像の固定方法

-背景画像の固定方法-

下記のタグを<head></head>の間に書いて下さい。(＊head～って？)

左上１箇所

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

右上１箇所

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

上・横１列リピート

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

左・縦１列リピート

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

真ん中１箇所

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

左下１箇所

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

右下１箇所

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

下・横１列リピート

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

右・縦１列リピート

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

説明（基本なこと）

background-image : url(画像ファイル名);
↑の（）ないに表示させたい画像のファイル名を書きます。
自分のサーバーにアップロードして、そのアドレスを書いてください。
くれぐれの他の人のＨＰのアドレスを書かないように。

background-repeat:no-repeat;
↑no-repeat＝画像をリピートさせません。
repeat-y＝縦のみにリピートさせます。
repeat-x＝横のみにリピートさせます。

background-position:0% 0%;
↑左の％が左右の位置指定です。0で左端、100で右端になります。
右の％が上下の位置指定です。0で上端、100で下端になります。
まぁ試しに数値変えてみてください♪