2013-03-12 3 views
5

Я использую плагин JQuery Spectrum для выбора цвета:Спектр ColorPicker получить цвет с прозрачностью

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

Смотрите этот код в действии здесь: http://jsfiddle.net/UkmXM/1/.

Как вы можете видеть, я установил showAlpha в true, чтобы включить прозрачный фон. Однако я не получаю прозрачный фон.

ответ

10

Шестнадцатеричная строка не поддерживает прозрачность. Используйте color.toRgbString() вместо: http://jsfiddle.net/UkmXM/2/

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

Я не знаю, почему это становится downvoted и хотел бы видеть объяснение. – Keelan

+1

Ваш ответ явно правильный, так что, может быть, кто-то отказал вам в принятии вашего собственного ответа? Если это так, они не знали, что ответ на ваш собственный вопрос и принятие ответа здесь приветствуются как способ поделиться только такой информацией. –

+1

Не было никакого другого ответа, и я не получал ответа на него. – Keelan

Смежные вопросы