1

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

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

1 回答 1

0

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

于 2012-12-04T10:02:21.170 回答