更改背景圖片無效

Question

我的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');
});

沒有效果

Answer 1

no-repeat是無效的background-image屬性。 刪除它：

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

或設置background ：

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

Answer 2

刪除no-repeat ：

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

您給了background-image而不僅僅是background 。 因此，它使CSS無效。