Javascript 将图像指定为css背景图像

我在做一个反应灵敏的滑块，没那么容易。基本上，它必须工作在320像素到1920像素之间，具有固定的高度

所以这让我很头疼，我有一个简单的解决办法：我不使用a>图像，而是将图像url指定为a的背景图像，然后将图像不透明度设置为0。因此，我将能够使用封面+中心背景属性，我的滑块将是完美的

但是我在做这件事时遇到了一些问题，因为我不知道怎么做，我昨天花了一些时间，但无法将图像指定为背景

下面是标记的样子（我删除了不必要的块，只保留了最重要的部分）

---

注意，这一行中有一个错误：

 $('a', this).css('background-image', 'url(' + img + ')url'); 
                          ------------------------------^

一定是

 $('a', this).css('background-image', 'url(' + img + ')');

而且

很好

您试图读取“src”属性，但在HTML中设置了“url”。更改您的JS：

 <img url=""> BAD
 <img src=""> GOOD

此外，您指定了错误的样式。应该是：

var img = $('img', this).attr('url');

---

$（'slide-visuel'）

应该是一个类还是一个id？很抱歉，这是一个输入错误，这是一个类。你是对的，但是如果OP更改html而不是选择器会更好。谢谢你！另一个答案也是正确的，但我赢了哈哈哈：）

 <img url=""> BAD
 <img src=""> GOOD

var img = $('img', this).attr('url');

$('a', this).css('background-image', 'url(' + img + ')');