Question

我想每次加载网站时使用javascript加载随机背景图片。背景应该覆盖整个屏幕。我的两个背景不一样，一个像方形图像，另一个是更短更宽的背景。我希望能够填满整个屏幕，无论选择哪个。我试图将background-cover属性应用于css，但它似乎失败了。短暂的背景无论如何都不会延伸。

更新它现在有效

html{
    height: 100%;
    width: 100%;
}

body{
    margin : 0;
    padding: 0;
    min-height:100%;
    font-size: 17px;    
}

function loadRandomBackground() {
    var backgroundNumber = Math.floor((Math.random() * 2) + 1);
    document.body.style.background = "url('img/bg" + backgroundNumber +  ".jpg')";
    document.body.style.backgroundRepeat = "no-repeat";
    document.body.style.backgroundPosition = "center";
    document.body.style.backgroundSize = "cover";
}

Answer 1

你可以像这样设置身体CSS。没有必要用JS来改变它。

{{1}}

网站背景图片不包括在内

1 个答案: