更改背景图像不起作用

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无效。