如何正确连接此CSS背景图像URL？

Question

我有一个像图像（外部CSS文件）的横幅的以下CSS：

.banner {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba( 255, 255, 252, 0.8 )), url('banners/imageA.jpg');
}

我有一个功能，可以更改背景图像，但也使用参数进行其他操作。

function bannerchange(element)    {
    document.getElementById('banner').style.backgroundImage = "linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba( 255, 255, 255, 0.8 )), url('banners' + element + .jpg\')";
    document.getElementById('bannertext').innerHTML = element;
    document.getElementById('infotext').src = 'infotexts/' + element + '.txt';

我可以通过静态网址设置新的背景图片

 document.getElementById('banner').style.backgroundImage = "linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba( 255, 255, 255, 0.8 )), url(banners/element.jpg)";

但是我尝试的任何连接组合都无法使用函数参数正确加载图像，例如

url('banners/' + element + '.jpg')";

和变化。

使用它的正确方法是什么？ 我放弃。

Answer 1

只需使用双引号如下：

document.getElementById('banner').style.backgroundImage = "linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba( 255, 255, 255, 0.8 )), url(banners/" + element + ".jpg)";