Jquery设置背景颜色不起作用

时间:2015-07-16 02:37:46

标签: jquery css

伙计我试图通过Jquery" .css()"设置可拖动元素的backgroundColor功能。属性backgroundColor实际上改变了它的值,但不知何故颜色本身没有改变。

我的代码:

var $nDiv = $('<div></div>')
$nDiv.draggable(); 
var color = "rgba(120,120,120)";
canvas.append($nDiv);
$nDiv.css('backgroundColor',color);

3 个答案:

答案 0 :(得分:3)

您使用了rgba指令,因此您应该传递4个值(r,g,b,a)

var $nDiv = $('<div></div>')
$nDiv.draggable(); 
var color = "rgba(120,120,120,1)";
canvas.append($nDiv);
$nDiv.css('backgroundColor',color);

如果您只想设置颜色而不是alpha,请确保使用rgb()

var color = "rgb(120,120,120)";

<强>附加

  

jQuery支持these notations:&#34; backgroundColor&#34; ,&#34; background-color&#34;

答案 1 :(得分:1)

  1. rgba()接受4个参数
  2. 应该是background-color而不是backgroundColor

答案 2 :(得分:0)

有几件事。从rgba中删除a,以便它只是&#34; rgb(120,120,120)&#34;。

其次,背景颜色的css样式是&#34; background-color&#34;。