[英]Jquery not adding an background image to div
我有一個功能,將背景圖像添加到我的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中沒有添加任何內容。 我現在該怎么辦? 所以在未來我可以為自己解決問題所在。
更改
$('#background').css('background-image, url(' +backgroundUrl+ ')');
至
$('#background').css('background-image', 'url(' +backgroundUrl+ ')');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.