Question

不确定设置背景图像和渐变的语法是什么（这样我可以使图像变暗）

我可以设置背景图像，但不知道如何设置线性渐变

  holder.style.background = 'url(' + event.target.result + ') no-repeat';
  holder.style.backgroundSize = 'cover';
  holder.style.backgroundlinearGradient = 'rgba(0, 0, 0, 0.7)'  //this doesn't work

另外，我可以在style.background中组合多个属性来将所有3个大小和渐变以及图像设置在一行中吗？

请注意，我不能使用jquery，并希望通过设置dom属性来实现此目的。

Answer 1

现在我只是一个js新手，但是，我相信你可以将所有背景属性组合成一个更大的声明，或者通过一些包含有关你的css信息的变量添加它们，例如：

var some_fancy_gradient = 'linear-gradient(red, blue)';
var some_fancy_image = 'your url'
yourelement.style.background = 'url('+some_fancy_image+') center center / cover no-repeat,'+some_fancy_gradient+' no-repeat';

<强> See Demo

不知道这是否是你想要的，但可能会指出你正确的方向。

另外，还有一些文档：

如何通过javascript设置背景图像和渐变 - 没有使用dom样式属性的jquery

1 个答案: