如何用javascript更改背景(不是文本)颜色不透明度？

Question

我想采用div元素的现有背景颜色,只调整不透明度...我该怎么做？

---

找到了解决我问题的简单方法; 需要jquery-color插件,但它是我认为最好的解决方案:

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

Answer 1

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

你最想做的就是改变background-color风格的alpha通道.请参阅:http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/

有人开发了一个JQuery插件,可以满足您的需求:http: //archive.plugins.jquery.com/project/backOpacity

使用此插件,您可以控制"后不透明度"而不会影响子元素.