- ベストアンサー
背景画像の表示の仕方
文字では伝えづらいのですが、私のサイトは背景に画像を置いています。 その背景が縦細長（800pixくらい）の壁紙で上の数十ピクセルはは青、のこり 下は白です。イメージ伝わったでしょうか？ で、ページが分量多くその800pixを越えるとまた青が出てきてしまいます。この青の部分はページ上部だけに出したいと意図しています。 わかりづらい質問ですが、これを解消する方法教えてください。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
#1の方の回答と同じ内容ですが… スタイルシートを利用した背景の設定方法を使っても、問題を解消できると思います。 <head>内に <style type="text/css"> <!-- body{ background-image: url("背景画像のURL"); background-repeat: repeat-x; } --> </style> と記述すれば、横方向だけに背景画像が繰り返し表示され、縦方向には背景画像が繰り返し表示されなくなります。 ちなみに、上に「background-attachment: fixed;」と指定を一行追加すると、#2の方がおっしゃっている背景画像の固定(スクロールしても背景は移動しなくなります)も可能です。 参考になれば幸いです。
その他の回答 (3)
- fillfreia
- ベストアンサー率46% (7/15)
<STYLE TYPE="text/css"> <!--BODY {background-repeat:no-repeat;background-image:url(ファイル名);}--> </STYLE> これで一つだけ表示されるはずです。 ファイル名のところを背景画像のファイル名に変更し、ソースの<HRED>～</HEAD>の間に挿入してみてください。 また、このソースなら<BODY>タグには背景に関することを書く必要はありません。
- inugoya_poti
- ベストアンサー率0% (0/7)
背景を設定しているタグ<BODY>～</BODY>に BGPROPERTIES="fixed" と入れると背景画像が固定され、 スクロールしても表示される文字や画像のみが スクロールされるようになります。 お試しください。 <BODY BGPROPERTIES="fixed"> このタグは背景を固定するものなので ブラウザのサイズを最大化などした際には また青のラインが見えてしまう事があります。 その際は画像の白い部分を付け足すと 解消されると思います。
- -mizuki-
- ベストアンサー率38% (212/555)
background-repeat: repeat-x; というのを、入れてみてください。 そうすると、横方向のみのリピートになります。
