1

背景画像を div に追加する関数があります。しかし、それは表示されません。

これが私の機能です

var totalCount = 6;
function changeBackground()
{
    var num = Math.ceil( Math.random() * totalCount );
    backgroundUrl = '/background/test2/'+num+'.jpg';

    $('#background').css('background-image, url('  +backgroundUrl+  ')');
}

changeBackground();

ページが更新されるたびに画像が変わります。私が変更した場合、私はその部分が機能していることを知っています

$('#background').css('background-image, url('  +backgroundUrl+  ')');

に

document.body.parentNode.style.backgroundImage = 'url(background/test2/'+num+'.jpg)';

それは私が望んでいたようなイメージを私に見せてくれます。しかし、htmlタグで。divに入れたいので、jQueryでフェードインできます。

ここに私のCSSがあります

#background {
width:100% !important;
height:100% !important;
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
    background-size: cover;
}

コンソールにエラーは表示されず、css を調べても何も css に追加されません。どうすれば何が悪いのですか？だから将来、私は自分自身のために問題が何であるかを知ることができます.

4

1 に答える 1

4

変化する

$('#background').css('background-image, url('  +backgroundUrl+  ')');

に

$('#background').css('background-image', 'url('  +backgroundUrl+  ')');
于 2012-12-03T14:15:50.847 に答える