HTML作成中：背景の画像をブラウザいっぱいに表示させる方法

解決済

質問者：n-kira
質問日時：2005/11/28 06:14
回答数：2件

FrontPage2000を使ってＨＰを作っています。背景画像が、ブラウザの横幅の７割くらいしかないため、ブラウザの右端が背景画像の左端で埋められているのです。
つまり、２枚の同一画像が横並びになっていて、１枚目と、２枚目の途中までが表示されているのです。ブラウザの左端に、たとえば「お気に入り」を表示すれば、ぴったりと１枚の画像になります。
１枚の画像を、モニタやブラウザに合わせて拡大して表示してくれるようにするにはどうすれば良いでしょうか？
ちなみに、背景画像の設定は以下のとおりです。

<body bgcolor="#FFFFFF" text="#000000" style="background-image:url('bear.jpg');background-attachment:fixed;" >

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： rubyeye
回答日時：2005/11/29 14:20

背景画像が、ブラウザの横幅7割しかないサイズでしたら、敷詰めで繰り返し表示にするしかありません。

タグ辞典をひっくり返して見ても、普通の画像のサイズ指定はあっても、背景画像を拡大して配置するというものはありません。
自分で作成した画像であれば、photoshopなどの画像作成加工ソフトを使って拡大することができますが、素材としてフリー配布されているものであれば、そこまでの加工は利用規約で許可はされていないでしょう。
ブラウザの横幅いっぱいになる画像を探して使うか、画像の敷詰めで妥協するかしかありません。

- 0
- 件

通報する

この回答へのお礼

どうもありがとうございました。やはり不可能だったのですね。すっきりしました。

通報する

お礼日時：2005/11/30 21:53

No.1

回答者： michan199
回答日時：2005/11/28 10:54

拡大表示するのは無理？だと思いますが、繰り返しを指定してあげればいいと思います。

background-repeat:repeat-x;
をstyleに追加してみてください。

私はスタイルシートは<head>内に入れていますが…。

<style type="text/css">
body{background-image:url(bear.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
}
</style>

↑を<head>内にいれ、bodyタグは

<body bgcolor="#FFFFFF" text="#000000">
にしています。