使用 jQuery / JavaScript 将 Alpha 通道添加到背景颜色

我有一个 jQuery 函数，它添加了一个Alpha通道到一个背景颜色当事件发生时。

这是我的jsFiddle http://jsfiddle.net/liormb/SxQt8/1/.

CSS

div { background-color: rgb(100,100,100); }

JavaScript

function addAlphaChannel() {
    var oldBGColor = $('div').css('backgroundColor'); //rgb(100,100,100)
    var newBGColor = oldBGColor.replace('rgb', 'rgba').replace(')', ',.8)'); //rgba(100,100,100,.8)

    $('div').css({ backgroundColor: newBGColor });
}

这段代码工作正常，但是我想知道是否有更好的方法来添加/更改 alpha 通道？

任何帮助都感激不尽。

如果您想使用 javascript 更改 rgba css 属性，则需要使用替换方法，但是，您可以像这样改进代码：

CSS

 div { background-color: rgba(100, 100, 100, 1.0); }

JS

function addAlphaChannel() {
    var oldBGColor = $('div').css('background-color'), //rgb(100,100,100),
        newBGColor = oldBGColor.replace(/[^,]+(?=\))/, '0.8'); //rgba(100,100,100,.8);

    $('div').css({ backgroundColor: newBGColor });
}

希望这可以帮到你。