1

ページの背景を更新するたびにランダムな画像を取得しようとしています。以下のスクリプトで動作します。ただし、コンテンツが多すぎると、画像が下に拡大せず、残りのコンテンツが続く白い領域が表示されます。これを修正するにはどうすればよいですか？私は検索して、垂直方向の配置、フォントサイズの変更などをすでに見つけました。また、スクリプトのbackgroundPositionを「centerbottom」に変更しましたが、何も変更されません。何か案は？

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 に答える