固定背景用

  1. 左上
  2. 右上
  3. 左下
  4. 右下

 

<head>〜<head>の間に以下の事を記入したら、
背景が固定出来ます。
※画像は縮小しています。画像の上にカーソルをおいた時のサイズが、実際のサイズです。

１.左上に背景を固定する

<style type="text/css">
body{
background-image:url(イメージURL);
background-repeat:no-repeat;
background-position:left top;
background-attachment:fixed;
}
</style>

左上01

２.右上に背景を固定する

<style type="text/css">
body{
background-image:url(イメージURL);
background-repeat:no-repeat;
background-position:right top;
background-attachment:fixed;
}
</style>

左上01 左上02

３.左下に背景を固定する

<style type="text/css">
body{
background-image:url(イメージURL);
background-repeat:no-repeat;
background-position:left bottom;
background-attachment:fixed;
}
</style>

左下01 左下02

４.右下に背景を固定する

<style type="text/css">
body{
background-image:url(イメージURL);
background-repeat:no-repeat;
background-position:right bottom;
background-attachment:fixed;
}
</style>

右下01