サイト内の背景
- 0 名前： みさき ： 2004/07/12 23:10
- サイト全体の背景、つまりサイト内の複数ページの背景を統一したいのですがどうすればいいのでしょう?
ページだけ切り替わって背景は切り替わらないようにしたいのですが、可能でしょうか?
宜しくお願いします。
- 1 名前： chura ： 2004/07/12 23:57
- 普通にBODYタグに背景を指定すれば可能だと思いますがそれでは
だめなのですか？
背景画像を変更したとき（ファイル名の変更）に簡単に変えたい
というのであれば・・・。まず外部スタイルシートを作成し、
BODYのbackground-imageのファイルの指定先を「絶対パス」で指
定します。そして各ページごとにスタイルシートをリンクするよ
うに指定します。
このようにすれば外部スタイルシートの該当部分を変更すれば、
サイト全体の背景画像を一変に変えることが可能だと思います。
下記ページを参照してみてください。
外部ファイルにまとめて設定する
http://www.tagindex.com/stylesheet/basic/pattern1.html
ページの背景に画像を使う
http://www.tagindex.com/stylesheet/page/background_image.html
- 2 名前： みさき ： 2004/07/13 01:18
- 返信ありがとうございます。
えと、外部スタイルシートをやってみたんですが、どうしても別のページに移る時に
背景も一瞬一緒に切り替わってしまって見えが悪いです。
背景は常に表示されてて、ページだけ切り替えたいんですけど、どうすればいいんでしょうか…
書き忘れましたが、ページの構成はマージンで余白を作ってそこに背景として1枚絵を、といった感じです。
スタイルシートのタグは
BODY {
background-image : url("画像のURL");
background-attachment: fixed;
background-position:0% 100%;
background-repeat: no-repeat;}
BODY { margin: 5% 0px 0px 55%px; }
です。お願いします。
- 3 名前： croco ： 2004/07/13 12:04
- 質問と関係ないですが、BODY { margin: 5% 0px 0px 55%px; } は必要ありませんよ。
そして
background-image : url("画像のURL");
background-attachment: fixed;
background-position:0% 100%;
background-repeat: no-repeat;
は、まとめて
background: url(画像のURL) no-repeat fixed 0% 100%;
と書くことができます。
http://tohoho.wakusei.ne.jp/css/reference.htm#background
>別のページに移る時に背景も一瞬一緒に切り替わってしまって
それって背景色のことですか？何も指定していないときは白ですね。
ページを表示するときは、最初に真っ白なページが表示され、次に背景色、最後に背景画像が表示されます。指定がない場合は真っ白な背景になります。
通信速度が遅いと、この表示の変化がはっきりと分かります。
背景画像と似た色の背景色を指定してやれば、気にならなくなると思います。
http://www.tagindex.com/stylesheet/page/background_color.html
- 4 名前： みさき ： 2004/07/13 19:26
- やっぱり通信速度の問題になってしまいますかね･･･。
背景色を変えることで何とかしてみます。
答えてくださった方、ありがとうございます。
