■スタイルシートで背景画像を固定したときの注意■

ついうっかりやってしまうのが、「背景色の指定忘れ」です。
特に背景色が「白」の場合その指定を忘れていると思われるページをしばしば目にします。

たとえばこのページはスタイルシートを使って右下のコーナーに画像を固定してありますが、
ページ全体に背景画像を繰り返し表示する場合と異なり、

画像をページに部分的に表示させた場合は、
使用した画像以外の空間にはページの背景色が出ます。

ですから、このページには背景色に白を指定してあります。
 ←つまりこういうことです。

「ページの背景色」には、そのページのCSSやHTMLで指定してある色が表示されますが、

背景色が指定されていないページでは、
閲覧者のPCが自動的に使用する背景色
になります。

自分では白背景で作ったつもりのページであっても、
背景色を指定し忘れると、閲覧者のPC環境によっては、
意図したイメージと大きく異なった表示になってしまいます。

閲覧者の自動背景色が白であれば問題ありませんが、それ以外の色、
たとえば薄い灰色とか淡い水色などに指定されているPCもあるのです。

ちなみに星田のPCも白ではありません。
もしも、このページに背景色を指定せずに、
星田のPCで見るとどうなってしまうでしょうか。





↓こうなってしまうのです。背景画像が「浮いて」しまっています。とても残念です。

(画像をクリックすると参考例のページが別窓で開きます)
このようなことにならないためには、スタイルシートで壁紙を指定するとき、

特に白背景の場合は忘れがちなので、
「background: #ffffff」を指定したことを確認しましょう。