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

试试这个：

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

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

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

如果不工作！！！！

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

希望这对您有所帮助。