jquery - 使用 RGBa 更改 div 的背景不透明度

Question

我正在尝试使用 jquery ui slider 更改 div 的背景不透明度。

用户可以改变div的背景颜色，所以我需要知道如何只改变背景的alpha参数而不改变颜色。

到目前为止，这是我的代码:

$('#opacity-slider').slider({ min: 0, max: 1, step: 0.1, value: 1 })
                .bind("slidechange", function() {
                    //get the value of the slider with this call
                    var o = $(this).slider('value');

                    var e = $('.element-active');
            var currentColor = $('.element-active').css('background-color');        
                    $(e).css('background-color', 'rgba(255, 255, 255, '+o+')')
                });

我需要了解如何仅更改 currentColor 变量的 alpha 部分。我希望有一个人可以帮助我!时间差

Answer 1

试试这个:

var alpha = $(this).slider('value');
var e = $('.element-active');
$(e).css('background-color', 'rgba(255,255,255,' + alpha + ')');​

Updated Example Here