如何使用Javascript设置线性渐变

Question

我正在使用javascript和css添加一个页眉背景图像。我可以添加图像，只要找到它就可以了，但我想用它来给出线性梯度，但我不确定我的语法是否正确，或者是否可以做到。

下面是当前的工作代码，它提取图像，然后是我必须尝试获得梯度覆盖的代码。是不是我在"；"尝试"；密码如何使渐变覆盖正常工作？

工作

var url = headerImage;
var div = document.getElementById("propertyPageHeader");
div.style.backgroundImage = `url(${url})`

尝试

var url = headerImage;
var div = document.getElementById("propertyPageHeader");
div.style.background = `linear-gradient(rgba(57, 64, 70, 0.95), 
rgba(57, 64, 70, 0.45)) center center / cover, url(${url})`

Answer 1

在玩了一点之后，以下内容最终奏效了：

var url = headerImage;
var div = document.getElementById("propertyPageHeader");
div.style.background ="linear-gradient(rgba(57, 64, 70, 0.95), rgba(57, 64, 70, 0.45)), url("+url+")";