我有一个 HTML 元素,其背景颜色是用 rgba() 设置的
<div style="background-color: rgba(2,100,100,0);"> </div>
然后我有一个计时器,通过改变javascript中元素的不透明度值让背景慢慢淡入
myEle.style.backgroundColor = "rgba(x,x,x,0.1)"; // I have to know the rgb values to update the alpha value
有没有办法在不改变/不知道 rgb 值的情况下设置 rgba() 的 a 值?
也许我可以做这样的事情?
var r = myEle.style.r;
var g = myEle.style.g;
var b = myEle.style.b;
myEle.style.backgroundColor = "rgba("+r+","+g+","+b+",0.1)";
最佳答案
你得到了字符串,随便替换
var oldCss = 'rgba(1,1,1,0.3)',
newOpacity = '0.5',
newCss = oldCss.replace(/[^,]+(?=\))/, newOpacity);
console.log(oldCss, "replaced with", newCss);
关于javascript - 在 Javascript 中,如何在不指定 rgb 的情况下设置 rgba?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8177964/