嘿家伙我正在尝试仅更改div元素的背景颜色中的alpha通道(使用滑块).但我不知道该怎么做.这是我的代码：
@H_301_5@$(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
}
});
});
最佳答案
>获取当前背景颜色,@H_404_13@>将其解析为r,g,b@H_404_13@>创建一个新的rgba颜色字符串@H_404_13@>将背景颜色更改为新的rgba颜色字符串.
像这样：
@H_301_5@var newAlpha=0.50;
var bg=$('#idOfMyDiv').css('backgroundColor');
var a=bg.slice(4).split(',');
var newBg='rgba('+a[0]+','+parseInt(a[1])+','+parseInt(a[2])+','+newAlpha+')';
$('#idOfMyDiv').css('backgroundColor',newBg);
示例代码和演示：
@H_301_5@var newAlpha=0.50;
var bg=$('body').css('backgroundColor');
var a=bg.slice(4).split(',');
var newBg='rgba('+a[0]+','+newAlpha+')';
$('body').css('backgroundColor',newBg);
@H_301_5@body{ background-color: orange; }
@H_301_5@