jquery - 背景画像は、画面サイズに基づいて自動的に引き伸ばされたい

Question

また、画像は画面サイズに基づいて自動的に引き伸ばされる必要があります

body{
    background-image:url("BG URL");
}​

Answer 1

これを試してみてくださいbackground-size:cover

body{
    background:url("myBgUrl");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}​

より詳しい情報

Answer 2

body
{
background:url(/image/bg.jpg) repeat-x;
}

If not working !!!!

body
{
background:url(/image/bg.jpg) repeat;
}

Hope this helps you.

Answer 3

これを使用してください。すべてのブラウザをサポートします

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="jquery.backstretch.min.js"></script>

通話イメージ

jQuery(document).ready(function() 
    {
     $.backstretch("path/to/image.jpg");

    });

ここから js ファイルをダウンロードできます https://github.com/srobbin/jquery-backstretch

Answer 4

これを試して：

.classname
{
background: url(../images/background.jpg) no-repeat; 
background-position:center center; 
background-attachment:scroll; 
background-size:100% 100%;  
}