●背景を固定する●




背景の画像を固定してみましょう。

＜HEAD＞〜＜/HEAD＞に。


背景を固定
サンプル
<STYLE type="text/css"> <!-- BODY{ background-attachment : fixed; } --> </STYLE>

背景を縦に並べて固定
サンプル
<STYLE type="text/css"> <!-- BODY{ background-repeat : repeat-y; } --> </STYLE>

背景を横に並べて固定
サンプル
<STYLE type="text/css"> <!-- BODY{ background-repeat : repeat-x; } --> </STYLE>

背景を左上で固定
サンプル
<style type="text/css"> <!-- body { background-attachment: fixed; background-image: url(画像のアドレス); background-repeat: no-repeat; background-position: left top} --> </style>

背景を左下で固定
サンプル
<style type="text/css"> <!-- body { background-attachment: fixed; background-image: url(画像のアドレス); background-repeat: no-repeat; background-position: left bottom} --> </style>

背景を右上で固定
サンプル
<style type="text/css"> <!-- body { background-attachment: fixed; background-image: url(画像のアドレス); background-repeat: no-repeat; background-position: right top} --> </style>

背景を右下で固定
サンプル
<style type="text/css"> <!-- body { background-attachment: fixed; background-image: url(画像のアドレス); background-repeat: no-repeat; background-position: right bottom} --> </style>

背景を中央で固定
サンプル
<style type="text/css"> <!-- body { background-attachment: fixed; background-image: url(画像アドレス); background-repeat: no-repeat; background-position: center center} --> </style>

SEO		[PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送