如何通过javascript设置背景梯度css

Question

我的样式表指定：

.side-grad {
  background: linear-gradient(to top, #ffdd00 0%, rgba(255, 221, 0, 0) 40%, rgba(255, 221, 0, 0) 100%);
}

我想重写这个颜色，使用jquery从颜色选择器input#color-gradient获取输入。我的理解是，对于rgba()的rgb组件，我可以使用十进制或十六进制代码，所以我在控制台中输入以下内容：

>> colorGradient = $("#color-gradient").val()
"#ff00cc"
>> $(".side-grad").css("background",(
     "linear-gradient(to top," 
     + colorGradient 
     + " 0,rgba(" 
     + colorGradient 
     + ",0) 40%,rgba(" 
     + colorGradient 
     + ",0) 100%)"
     )
   );
Object { 0: <div.side-grad>, 1: <div.side-grad>, length: 2, prevObject: Object, context: HTMLDocument → example.html, selector: ".side-grad" }

没有抛出错误，但视觉上没有任何变化。如果我设置了“背景：#ff00cc”，没有问题，颜色也会像预期的那样改变。我搞砸了什么？

Answer 1

不，你不能在rgba中使用十六进制。下面是形式语法：syntax