我正在使用在网上找到的脚本,使浏览器刷新时能够随机更换背景图片。
CSS
body{
background: no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
JS
$(document).ready(function(){
var images=['images/001.jpg',
'images/002.jpg',
'images/003.jpg',
'images/004.jpg',
'images/005.jpg',];
var randomNumber = Math.floor(Math.random() * images.length);
var bgImg = 'url(' + images[randomNumber] + ')';
$('body').css({'background':bgImg, 'background-size':'cover', });
});
屏幕宽度大于1150像素时,一切正常,但小于此尺寸时,图像开始堆叠在一起。我该如何让它在任何屏幕尺寸下都能拉伸?即使在小屏幕上裁剪图像,只要填充整个区域就可以了。
谢谢