• 締切済み

背景画像をウィンドウに合わせる

背景画像をウィンドウにピッチリ合わせたいのですが、それは可能ですか? http://home.impress.co.jp/books/urawaza/tipsdic/sample026-037/tips034.html ここにその方法が書いてあるのですが、ウィンドウのサイズを変えても画像の縦横比がそのまま保たれてしまうので、隙間ができたりします。 私がしたいのは、ウィンドウに隙間なく背景を置くというものです。はじめからウィンドウのサイズを指定してやればいいというのは無しでお願いします

  • rousei
  • お礼率56% (111/196)
  • HTML
  • 回答数1
  • ありがとう数2

みんなの回答

  • lunch326
  • ベストアンサー率27% (86/311)
回答No.1

IMG#back { Z-INDEX: 1; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px } のwidth: 100%;の後に、 height: 100%; を書き込めば高さも画面に合いますね。 つまり縦横比がウインドウにあわせて変化します。

関連するQ&A

  • デスクトップ背景の画像

    デジカメで撮ったjpeg画像を、デスクトップ背景にする場合に、うまくデスクトップ画面サイズに合うようにならず、縦横比が変わった歪んだ画像やら画像の一部だけが現れるようなデスクトップ背景になります。 もちろん「画面のプロパティ」で調整をしても、です。 特に歪む(縦横比が変わる)ことについて、そもそも「画面のプロパティ」の「表示位置」にある3種類の表示方法「拡大」「中央」「並べて」を選び変えて画像が歪むというのはどういうことでしょうか。 これはどこで調整すればうまく表示できるのでしょうか。 詳しい方ご教示よろしくお願いします。

  • ブログのタイトル背景写真を繰り返し画像にしないようにするには?

    gooブログでタイトルの背景に写真を入れようとしているのですが、どうやっても「繰り返し」の画像になってしまいます。どうすれば、背景に写真をそのまま1枚を表示できるようになるのかお教えください。 フォトショップで画像フォルダに送信可能な1MBiteぎりぎりのサイズにしてますし、縦横比もほぼ画面に合わせています。

  • <TD>の背景を画像にするとき

    <TD>の背景を画像にするときに画像を縮小することはできますか。 <TD BACKGROUND="sample.gif"> の時に、 sample.gifを原寸でなく、サイズを指定したい。 #できないという断言も歓迎。

    • ベストアンサー
    • CSS
  • イラストレーターで長方形のサイズ指定

     イラストレーター10を使用して写真を加工したイラストなどを作成しているのですが、例えば、写真屋に持ち込んで印刷した場合に、縁なしで背景の一部が切れない、L版やハガキサイズ等と同じ縦横比のJPG画像に書き出したいのです。  L版やハガキサイズ等とちょうど同じ縦横比の長方形を背景にして書き出せればいいのですが、長方形のサイズ (縦横比だけでもいいです) の指定方法について、御存知の方、よろしくお願いします。

  • 背景画像

    cssで背景画像を指定する際、サイズなどの指定はできないのでしょうか? 例えば、縦100pxの画像を縦80pxに縮小して表示のような事はできるのでしょうか? ご教授ください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • 固定枠内への最大画像の貼り付け

    HTMLで作成された固定枠内に、CGIを使用して複数の画像データを、 1枚ずつ表示させるのですが、現在の状態では画像データの大きさによってレイアウが不均一になってしまいます。 そこで、JavaScriptを利用して、元画像の縦横比を保ったまま、 任意の大きさの枠の中で、画像データの大きい方の長さが枠内いっぱいになるように表示したいのです。 つまり、 縦横比のそれぞれ違った、フレームと画像があり、 その画像を、フレームの中心部から拡大して行ったとき、 縦横いずれか先にフレームに接する大きさのところまで拡大表示される 大きさで表示させたいのですが。 下記のスクリプトでは、縦横共通の最大値しか指定できません。 縦横それぞれに最大値を指定できるようにし、 上記の様に表示させるには、 どの様な記述方があるでしょうか。 ご教授、宜しくお願いします。 (スクリプト要素) size = 120 ; function resize(id) { if (document.images[id].width > document.images[id].height) document.images[id].width = size ; else document.images[id].height = size ; } (BODY要素) <img src="hoge.jpg" id="sample1" onLoad="resize('sample1')" />

  • ホームページの背景画像について

    HPをつくっていて背景画像を指定しているのですがブラウザで 文字サイズを大きくすると背景画像を文字がはみだしてしまいます。 ブラウザの文字を大きくしたら背景画像もそれにあわせた大きさになるように する方法は何かないものでしょうか?

  • HTMLでテーブル内の背景画像固定方法は?

    HTMLでテーブルの背景に画像を指定することは可能ですが、その背景画像を繰り返さないように指定したり、位置を指定したりすることはできるのでしょうか。 CSSではなくHTMLで指定できるのかどうか、また出来るのであればそのサンプルを教えて頂けると助かります。

  • html 画像のサイズはどうやって決める?

    ものすごく初心者の質問で恐縮です。 HTMLの勉強を始めたばかりです。テキストを読みながら自分で練習しています。画像を指定するときにテキストでは「width="250" height="170"」のようにサイズの指定がされているのですが、自分の撮った画像をサイズ指定するとき、「縦横比」はどうやって判断をするのかな?と思いました。 実際にやってみたのですが、画像の見た目の大きさは「こんな感じ」というのは出来たのですが、比率がうまくわからないので困っています。 なにとぞよろしくお願いします。

  • JavaScriptを使った背景設定

    こんにちは。  Javaを使ってホームページを作ろうとしています。  フレーム内の背景画像を繰り返さないでウインドウに最大化表示させる方法がわかりません。  ホームページを見ている人がウインドウのサイズを縦横変えても、フレームのサイズに最大化表示させるという意味です。  もうハゲそうです。教えてください。