ブラウザのウィンドウのサイズに背景イメージをラップします

基本的に私は使用している背景に少し問題があります。大規模な画面で作業するので、ウィンドウの幅に基づいてサイズを変更する必要がありますが、1024x768ではうまく動作しません。私はあなたが何を意味するかを示すために、いくつかの画像を投稿します。私の解像度にブラウザのウィンドウのサイズに背景イメージをラップします

：1024×768の画面で http://imgur.com/Pl87L

： http://imgur.com/l6CUe

また、ここで私のバックグラウンドのためのCSSです：

html, body { 
width: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
    background: url(/../images/background10.jpg) fixed no-repeat; 
    }

私はこれが:)に役立ちます願っています。

ロス。

出典

2011-07-28 RossDoughty

あり、より良い方法かもしれないが、私は（のonLoad）ブラウザの幅に基づいて背景srcを変更する前に、jqueryのを使用しました、あなたは...

function browserSize() { 
    var bsr_w = $(window).width(); 
    if (bsr_w <= 800) { 
     $('body').css("background-image", "url(background_small.jpg)"); 
    } else if (bsr_w <= 1024) { 
     $('body').css("background-image", "url(background_medium.jpg)"); 
    } else { 
     $('body').css("background-image", "url(background_large.jpg)"); 
    } 
}

出典

2011-07-28 11:02:18 neokio