風神＠あひる隊長のブログ一覧

新スタイルシートになって、１番問い合わせが来たのが

背景の固定方法でしたので、今回は背景の固定化です。

背景の画像サイズは、740px X 640px　位だったと思います。

適当な画像を用意します。


＜やり方＞

マイページからスタイルシートを選択

「詳細編集」→「ページの基本」を選択

「ユーザー領域」のデータを見ます

　　clear:both;
background-color:#000000;
color:#eee;
display:block;
background-image:url("http;画像のアドレス");
background-repeat:repeat;
background-position:50%50%;

となっていると思います。

まずは、７行目（最後の行）の後ろに

　　background-attachment:fixed;

を、入れます。

次に、２行目の　#000000　の所を　transrate に変えます。

背景画像のリピートをやめる方法

６行目の　:repeat; の所を　:no-repeat; に変えます。

これで、背景が固定できるはず!?（ＩＥ７では問題無しでした）


付録

７行目の数字部分　50%50% は、位置決めになっています。
画像位置を変えたい方は、数字を変えて下さい。。。