壁紙の固定の仕方

<HEAD>と</HEAD>の間に下の ソースをコピーして入れてください
画像が固定されます。
今回の画像の透明度は50%に設定しました。


今回はこの画像を使いました。伊豆・河津七滝の一つ・かに滝です。    10/7/12作成
壁紙を左上に固定する
<STYLE type="text/css">
<!--
BODY {
background-image : url("画像のurl");
background-attachment: fixed;
background-position: 0% 0%;
background-repeat: no-repeat;
background-color:#FFFFFF;
}
-->
</STYLE>
壁紙を左下に固定する
<STYLE type="text/css">
<!--
BODY {
background-image : url("画像のurl");
background-attachment: fixed;
background-position: 0% 100%;
background-repeat: no-repeat;
background-color:#FFFFFF;
}
-->
</STYLE>
壁紙を右上に固定する
<STYLE type="text/css">
<!--
BODY {
background-image : url("画像のurl");
background-attachment: fixed;
background-position: 100% 0%;
background-repeat: no-repeat;
background-color:#FFFFFF;
}
-->
</STYLE>
壁紙を右下に固定する
<STYLE type="text/css">
<!--
BODY {
background-image : url("画像のurl");
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat;
background-color:#FFFFFF;
}
-->
</STYLE>
番外編 カラーをピンクに
background-color:#f9daf9;

戻る     素材のページ