2015-12-03 160 views
0

我的HTML,初始background-image變化的背景圖像不工作

<div id="ffff" style="width: 200px; height: 200px; background-image: url('/uploads/backroundDefault.jpg')">sddsadsdsa<br>dffdsdfs</div> 

到目前爲止好。然後:

$(document).ready(function() { 
    $('#ffff').css('background-image', 'url(/uploads/lol.png) no-repeat'); 
}); 

它沒有效果

+1

控制檯中的任何消息? –

+0

沒有,沒有錯誤 –

+0

你想改變背景圖像只使用css(帶出jQuery)或css(帶jQuery)?請清楚這一點。 –

回答

9

no-repeat是無效background-image財產。無論是將其刪除:

$('#ffff').css('background-image', 'url(/uploads/lol.png)'); 

或設置background代替:

$('#ffff').css('background', 'url(/uploads/lol.png) no-repeat'); 
+0

很酷。圖像必須100%伸展,這就是爲什麼我讓它在那裏 –

2

刪除no-repeat

$(document).ready(function() { 
    $('#ffff').css('background-image', 'url(/uploads/lol.png)'); 
}); 

你給background-image不僅僅是background。所以它使CSS無效。