ノーリピートの背景固定

・お気に入りのカットやイラスト、アイコンもセンスいい壁紙に早変わり。
・派手なイラストもレイアウトをじゃましません。
・背景ですから上から文字も書けます。
・ブラウザの大きさにもピタッとフィット

下記タグをコピーして<head>と</head>の間に入れます。
画像の名前はなおしてね。

このスタイルシートはブラウザで表示確認して下さいませ。
HP作成ソフトでは全面に敷き詰めて見えるかもしれません。
Adobe GoLiveでの確認です。



●右下に一回だけ

<style media="screen" type="text/css"><!--
body { background: url(画像の名前.gif) no-repeat fixed right bottom }
--></style>




●左下に一回だけ

<style media="screen" type="text/css"><!--
body { background: url(画像の名前.gif) no-repeat fixed left bottom }
--></style>




●真ん中に一回だけ

<style media="screen" type="text/css"><!--
body { background: url(画像の名前.gif) no-repeat fixed right center }
--></style>




●右上に一回だけ

<style media="screen" type="text/css"><!--
body { background: url(画像の名前.gif) no-repeat fixed right top }
--></style>




●左上に一回だけ

<style media="screen" type="text/css"><!--
body { background: url(画像の名前.gif) no-repeat fixed left top }
--></style>




●ピクセルで固定

<style media="screen" type="text/css"><!--
body { background: url(画像の名前.gif) no-repeat fixed ○○px ○○px }
--></style>




それぞれ背景に色を付けたい場合はurlの前にblackなどと書きます。