2191日くらい過ぎています。年で言ったら6年くらいです。情報が古くなってる可能性もあるので参考程度に御覧ください。CSS3使えよって話ですが。IE7とかでも見せないと行けないことがまだまだあるので...。やってみるまず、bodyの直下とかに画像タグを入れてそこに背景にしたい画像を入れます。その際、画像のIDは「#page_background」とします。CSSやJSで指定を合わせれば別になんでもOKです。id="page_background">続いてスタイルシートを作成します。背景画像のアスペクト比を調べておいて、ウィンドウの大きさ(というかウィンドウ枠のアス比)に応じて幅または高さのどっちかだけを100%になるようにすればOKらしいです。このままだと、例えばメインの要素を960pxで確保している状態でウィンドウがそれより狭くなっている場合(つまり横スクロールバーが出ちゃってる状態)ですと、背景はウィンドウの現在の横幅基準で100%になるため、横にスクロールした時に背景がない状態となってしまいます。そこで、ウィンドウ幅が960pxより小さくなった場合は、画像の幅を960pxで固定するようにすることでそれ以上縮小されないようにしています。これでだいたい望んだ形になりました。ちなみにIE6だと重ならないらしいです。IE6も対応させたいのにそんな無茶言うな、と。古いブラウザをバシバシ捨てていいならCSS3とかでやれば多分もっと楽できるとおもうんですがねぇ。キャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。%d人のブロガーが「いいね」をつけました。