ベストアンサー

背景画像を拡大縮小

2005/02/02 20:30

ブラウザのサイズに合わせて背景画像も同比率で拡大縮小するような記述をしたいのですが、どなたかご存知の方がいらっしゃいましたらご教授ねがいたく思います。稚拙な知識しかありませんが宜しくお願いいたします。

9laws
お礼率81% (13/16)

HTML
回答数2
ありがとう数6

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

poohron
ベストアンサー率59% (574/971)

2005/02/02 20:40 回答No.1

<img src="○○.jpg" height="20%" width="20%"> ということでしょうか。 height や width の値を%で指定することでブラウザのウィンドウサイズを基準とした大きさでの表示になります。

質問者

お礼 2005/02/03 14:26

こういった記述もあったんですね。稚拙な質問文から真意を読み取っていただいてありがとうございます！！実行してみます！！

その他の回答 (1)

Bo_Bo
ベストアンサー率65% (97/149)

2005/02/02 23:45 回答No.2

基本的には、純粋な背景画像はサイズを変更できない。しかし、以下の説明では、画面サイズに応じて動的に背景が変化する。とほほのWWW入門 (http://www.tohoho-web.com/www.htm) 「背景をウィンドウ全体に表示する」より引用 http://www.tohoho-web.com/wwwxx037.htm --------------------------------------------------------------- <html><head><title>TEST</title></head> <body topmargin=0 leftmargin=0> <img src="test.jpg" width="100%" height="100%" style="position:absolute; top:0px; left:0px; z-index:1;"> <div style="position:absolute; top:10px; left:10px; z-index:2"> 本文<br> </div> </body> </html> --------------------------------------------------------------- またまた、しかし、 “本文<br>”部分を20～30個以上繰り返し入力して、初期描画領域に収まりきらなくなると、はみ出した部分の背景には画像が適用されない。また、クライアント側がスタイル・シートを無効または、ユーザー定義のものに変更した場合、大きな画像の後に本文が追いやられる。と言うことで、この方法は、あまりお勧めできない。諦めましょう！？

質問者