Javascript 如何使用jquery.css()通过hsla设置背景色?

Javascript 如何使用jquery.css()通过hsla设置背景色?,javascript,jquery,css,Javascript,Jquery,Css,我似乎无法让jQuery.css()接受hsla()值。传递颜色值的格式是否不可接受?这就是我尝试过的: // the below variable outputs a variable value with the following format // hsla(131, 10%, 100%, 1.0) var finalcolor = "hsla(" +colx +", " +coly +"%, " +"100%, " +"1.0)"; $('#target-div').css('bac

我似乎无法让jQuery.css()接受hsla()值。传递颜色值的格式是否不可接受?这就是我尝试过的:

// the below variable outputs a variable value with the following format
// hsla(131, 10%, 100%, 1.0)
var finalcolor = "hsla(" +colx +", " +coly +"%, " +"100%, " +"1.0)";

$('#target-div').css('background', finalcolor);

它确实有用,但你的颜色只是白色

在firebug/chrome调试器中检查结果样式,并检查HSL 2 RGB转换器。

您是否尝试将背景颜色更改为背景颜色?我已经尝试了两种变化。没有骰子…您意识到您可以右键单击元素并选择“inspect element”,这将向您显示更改的背景颜色。您尝试了什么浏览器和版本?我已经传递了非白色的硬编码变量,运气不好。然而,当我传递一个十六进制值时,它确实传递了。你说得对。多么愚蠢的错误啊。非常感谢。不要改变colx和coly,还要改变“100%”值,这会改变“亮度”。使用94%的值检查此示例: