壁紙(画像)を左上・左下・右下等に1個だけ配置
例として このページでは同じフォルダーに
画像ファイル(iruka.jpg)が有り右上に1個だけ表示させるようにしています
<HEAD>ここの部分に下記ソースを書いて下さい</HEAD>
| 壁紙を左上に1個 <STYLE type="text/css"> <!-- BODY {background-image : url("画像の名前"); background-attachment: fixed; background-position: 0% 0%; background-repeat: no-repeat; background-color:#FFFFFF;} --> </STYLE> |
壁紙を右上に1個 <STYLE type="text/css"> <!-- BODY { background-image : url("iruka.jpg"); background-attachment: fixed; background-position: 100% 0%; background-repeat: no-repeat; background-color:#FFFFFF;} --> </STYLE> |
|
壁紙を左下に1個 <STYLE type="text/css"> <!-- BODY { background-image : url("画像の名前."); background-attachment: fixed; background-position: 0% 100%; background-repeat: no-repeat; background-color:#FFFFFF;} --> </STYLE> |
壁紙を右下に1個 <STYLE type="text/css"> <!-- BODY { background-image : url("画像の名前."); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; background-color:#FFFFFF;} --> </STYLE> |
画像の位置は赤字の部分で固定されています。
background-position: 0% 100%;