我有一个HTML元素,其背景颜色设置为rgba()
<div style="background-color: rgba(2,100,100,0);"> </div>
Run Code Online (Sandbox Code Playgroud)
然后我有一个计时器,通过改变javascript中元素的不透明度值使背景慢慢淡入
myEle.style.backgroundColor = "rgba(x,x,x,0.1)"; // I have to know the rgb values to update the alpha value
Run Code Online (Sandbox Code Playgroud)
有没有办法在不更改/知道rgb值的情况下设置rgba()的值?
也许我可以做这样的事情?
var r = myEle.style.r;
var g = myEle.style.g;
var b = myEle.style.b;
myEle.style.backgroundColor = "rgba("+r+","+g+","+b+",0.1)";
Run Code Online (Sandbox Code Playgroud) 我想采用div元素的现有背景颜色,只调整不透明度...我该怎么做?
找到了解决我问题的简单方法; 需要jquery-color插件,但它是我认为最好的解决方案:
$('#div').css('backgroundColor', $.Color({ alpha: value }));
Run Code Online (Sandbox Code Playgroud)