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

而且还图像必须被拉伸自动根据屏幕大小背景图像要根据屏幕大小自动伸展

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

来源

2012-11-01 Raja O

试试这个：

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

来源

2012-11-01 06:17:56

'{background-size：contains; '也适用。 – Nic

试试这个background-size:cover

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

more info

来源

2012-11-01 06:21:58

非常推荐使用'background-size：cover'。对于不支持它的浏览器，您可以使用[polyfill]（https://github.com/nsbingham/BackgroundSize）。 – koostudios

完美rohit ..........和背景大小：封面支持，直到IE-9 ...... –

请使用一个，它将支持所有浏览器

<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"); 

    });

你可以从这里 https://github.com/srobbin/jquery-backstretch

来源

2012-11-01 06:28:32 ShibinRagh

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

如果下载js文件不工作！

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

希望这可以帮助你。

来源

2012-11-01 09:07:32

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

回答

相关问题