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;
}

<强> more info

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;
}

希望这会对你有所帮助。

背景图像想要根据屏幕大小自动拉伸

4 个答案: