使用jQuery CSS屬性設置背景圖像

我在imageUrl變量中有一個圖像URL，並嘗試使用jQuery將其設置爲CSS樣式：

$('myObject').css('background-image', imageUrl);

這彷佛不起做用，由於：

console.log($('myObject').css('background-image'));

不返回none 。

任何想法，我在作什麼錯？

---

#1樓

除了其餘答案，您還可使用「背景」。 當您要設置與背景使用圖像方式有關的其餘屬性時，這特別有用，例如：

$("myObject").css("background", "transparent url('"+imageURL+"') no-repeat right top");

---

#2樓

對於使用實際URL而不是變量的用戶：

$('myObject').css('background-image', 'url(../../example/url.html)');

---

#3樓

字符串插值可用於救援。

let imageUrl = 'imageurl.png';
$('myOjbect').css('background-image', `url(${imageUrl})`);

---

#4樓

嘗試修改「樣式」屬性：

$('myObject').attr('style', 'background-image: url("' + imageUrl +'")');

---

#5樓

$('myObject').css({'background-image': 'url(imgUrl)',});