javascript - 背景图片下方的白色区域

我试图在页面背景上每次刷新时获取随机图像。它可以与下面的脚本一起使用。但是，如果我的内容太多了，则图像不会扩展到底部，而是显示白色区域，其余内容将继续。我该如何解决？我已经搜索并且已经找到诸如垂直对齐，更改字体大小之类的东西。还将脚本中的backgroundPosition更改为“底部中心”，但这并没有任何改变。有任何想法吗？

function randomBg() {
        var bgs = new Array();
        bgs.push("images/bg/bg1.jpg");
        bgs.push("images/bg/bg2.jpg");
        bgs.push("images/bg/bg3.jpg");
        bgs.push("images/bg/bg4.jpg");
        bgs.push("images/bg/bg5.jpg");
        bgs.push("images/bg/bg6.jpg");
        bgs.push("images/bg/bg7.jpg");
        bgs.push("images/bg/bg8.jpg");
        bgs.push("images/bg/bg9.jpg");
        bgs.push("images/bg/bg10.jpg");
        document.body.style.backgroundImage = "url(" + bgs[randomize(0, bgs.length-1)] + ")";
        document.body.style.backgroundSize = 'cover';
        document.body.style.backgroundRepeat = 'no-repeat';
        document.body.style.backgroundPosition = 'center';
    }

最佳答案

删除background-position:center。 background-size:cover将“将背景图像缩放到尽可能大的位置，以使背景区域完全被背景图像覆盖。背景图像的某些部分可能在背景定位区域内看不到”