相关疑难解决方法(0)

我有以下Sass mixin,它是RGBa示例的一半完整修改:

@mixin background-opacity($color, $opacity: .3) {
    background: rgb(200, 54, 54); /* The Fallback */
    background: rgba(200, 54, 54, $opacity);
} 

我申请$opacity好了,但现在我被困在那个$color部分.我将发送到mixin的颜色将是HEX而不是RGB.

我的例子用途是:

element {
    @include background-opacity(#333, .5);
}

如何在此mixin中使用HEX值？

我试图使用jquery ui滑块更改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部分.我希望有一个人可以帮助我!TIA

是否可以将颜色转换#ff0000为rgb？

所以转换#ff0000为rgb(255,0,0);

我很确定这是必须的,我只是不知道如何.任何见解都会很棒!

嘿家伙我正在尝试仅更改div元素的背景颜色中的alpha通道(使用滑块).但我不知道该怎么做.这是我的代码:

$(function() {
    $( "#slider" ).slider({
        range: "min",
        value: 50,
        min: 0,
        max: 100,
        slide: function( event, ui ) {
            // While sliding, update the value in the alpha div element
            $('#idOfMyDiv').css('background', rgb(,,,ui.value) ); //I don't know what to do here
        }
    });
});