如何使用javascript更改背景（而不是文本）颜色不透明度？

我想采取一个div元素的现有背景色，只调整不透明度。。。我该怎么做

---

找到了解决我问题的简单方法；需要插件，但我认为这是目前为止最好的解决方案：

$('#div').css('backgroundColor', $.Color({ alpha: value }));

---

不透明性很棘手，因为仍然没有跨浏览器支持的机制，即使它应该在CSS3中

您最可能要做的是更改

背景色

样式的alpha通道。 见：

---

有人开发了一个JQuery插件，它可以满足您的需求：

---

使用此插件，您可以只控制“背面不透明度”，而不影响子元素。

在Photoshop中上载背景图像或颜色，降低那里的不透明度，并将其保存为.jpeg图像，然后在HTML中将其用作背景

就这么简单D

该插件是一个很好的解决方案，但是我坚信你不需要为你的应用程序添加不必要的插件来完成如此简单的任务

下面是另一种使用字符串的方法：

var alpha = "0.8";

var oldBGColor = $('#div').css('backgroundColor');
// rgb(40,40,40)

var newBGColor = oldBGColor.replace('rgb','rgba').replace(')', ','+alpha+')'); 
// rgba(40,40,40,.8)

$('#div').css('backgroundColor', newBGColor);

下面是一个如何使用它的示例

---

我有一个a，它为我创造了奇迹。

如果你想从不透明度x.xxx变为1，你可以这样做

var element = $("#id")
element.css('backgroundColor', element.css('backgroundColor').replace(/(\d\.?\d*)\s*\)/i, "1") )

要做相反的操作，只需将1更改为所需的值

注意，您的颜色从一开始就需要使用“rgba（1001001000.85098）”格式

。JPEG不（）与不透明度一起使用。使用图像一开始效率很低，但为了达到非二进制不透明度的特定目的，我认为PNG是一种方式。