9

カラー ピッカーには jQuery プラグインSpectrumを使用します。

$('#backgroundColorPicker').spectrum({
    color: '#000',
    showAlpha: true,
    move: function(color){
        $('#result').css('background-color',color.toHexString());
    }
});

このコードの動作はhttp://jsfiddle.net/UkmXM/1/で確認できます。

ご覧のとおり、透明な背景を有効にするように設定showAlphaしました。trueただし、透明な背景が得られません。

4

3 に答える 3

17

16 進文字列は透過性をサポートしていません。color.toRgbString()代わりに使用してください: http://jsfiddle.net/UkmXM/2/

$('#backgroundColorPicker').spectrum({
    color: '#000',
    showAlpha: true,
    move: function(color){
        $('#result').css('background-color',color.toRgbString());
    }
});
于 2013-03-12T16:28:08.953 に答える