使用jQuery / JavaScript在背景色中添加阿尔法通道
使用jQuery / JavaScript在背景色中添加阿尔法通道
提问于 2013-05-21 20:20:38
我有一个jQuery函数，它在事件发生时向jQuery添加α通道。
这是我的jsFiddle。
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通道？
任何帮助都将不胜感激。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-10-25 16:03:21
如果要使用javascript更改rgba css属性，则需要使用replace方法，但是，可以这样改进代码：
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 });
}希望这能帮到你。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16678801
复制相关文章
相似问题
腾讯云开发者
