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" }

不会抛出任何错误，但在视觉上没有任何变化。如果我设置`background：＃ff00cc'没有问题，颜色会按预期变化。我搞砸了什么？

Answer 1

不，你不能在rgba中使用hex。这是正式语法：https://developer.mozilla.org/en/docs/Web/CSS/background-color#Formal_syntax

如何通过javascript设置背景渐变css

1 个答案: