-Sun&Moon Blog-
catsmoon.exblog.jp
エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon
プロフィールを見る
画像一覧
Top | Out
背景指定のCSS
2004年 12月 08日 |
スキンを設定する時に、CSSによる背景の指定で困る方が多いようなので、簡単な説明をしておくことにしました。
通常、bodyあるいはtable、td、divタグなどに対して指定します。

background-color : #FFFFFF;  
/*背景色の指定です。赤字の部分に色を入れます。*/

background-image : url("http://***/***.jpg");
/* 背景画像の指定です。これが一番間違えやすいようです。
色指定と違って、いきなり画像のアドレスを : の後に入れても認識されません。
必ずurl(" ")で括って、画像のアドレスを入れます。(""は抜けていても認識されますがw)
その時、imgタグと違って、画像の幅の指定はいりません。
アドレスは、相対パスでも認識されます。
表示されないという時は、( )が抜けていないか、アドレスが間違っていないか、urlと( の間など変なところにスペースが入っていないか、その前の指定の最後の ; を誤って消していないかなどをチェックして下さい。
それでも駄目な場合、まず入れた画像アドレスをコピーして画像が無事に表示されるかどうか確かめてみましょう。アドレスをコピーする時にうっかり拡張子の最後の一文字が抜けていたなどの場合、エラーが出るのでわかります。もちろん、上げた画像ファイルが壊れていたりした場合もこれでわかります。
ただし、この方法はファイルの外部からの呼び出しを禁じているサーバーに画像を置いていた場合使えません。勿論、そういう鯖に置いた画像をエキサイトで呼び出して使う事もできません。*/

background-position : 0px 0px ;
/*背景画像の表示位置です。繰り返しの場合はその開始位置になります。ウィンドウの左端上端を起点に考えます。px指定、%指定が可能です。*/

background-repeat : repeat-x ;
/*繰り返しの制御です。repeat で敷き詰めに、repeat-y で縦方向一列の繰り返しに。 repeat-x で横方向一列の繰り返しに。no-repeat で繰り返し無しになります。*/

background-attachment : fixed ;
/*背景のスクロールを指定します。fixed でページをスクロールしても背景は固定されて動かなくなります。scroll で文字などの中身と一緒に背景もスクロールされるようになります。*/

これらを指定する時に、最後の;をうっかり消さないように注意して下さい。
これを消してしまい、そのまま次のプロパティ指定を書き込んだ場合、間違って消したところから先が全部効かなくなる危険があります。
[PR]
<< 狂月模様替え PageTop 3列スキンSnow Wall公開 >>
XML | ATOM

個人情報保護
情報取得について
免責事項
Blue Paper Skin by Sun&Moon