2012-09-04 44 views
4

我似乎無法讓jQuery.css()接受hsla()值。傳遞一個顏色值不是一個可接受的格式嗎?這是我曾嘗試過的:如何使用jquery.css()通過hsla設置背景顏色?

// the below variable outputs a variable value with the following format 
// hsla(131, 10%, 100%, 1.0) 
var finalcolor = "hsla(" +colx +", " +coly +"%, " +"100%, " +"1.0)"; 

$('#target-div').css('background', finalcolor); 
+0

喲喲嘗試將背景更改爲背景顏色? –

+0

我試過兩種變化。沒有骰子... – monners

+0

你意識到你可以右鍵單擊元素並選擇'檢查元素',它會告訴你改變的'背景色'? [演示](http://jsfiddle.net/davidThomas/JrAgM/)。 –

回答

4

它確實有效,但您的顏色只是白色!

檢查螢火蟲/鉻調試器的結果樣式,並檢查HSL 2 RGB轉換器。 http://serennu.com/colour/hsltorgb.php

+0

是的。顏色只是白色! –

+0

我傳遞了硬編碼的變量,它們不是白色的,沒有運氣。然而,當我傳遞一個十六進制值的時候。 劃痕,你說得對。多麼愚蠢的錯誤。 謝謝! – monners

+0

不要改變colx和coly,而且還要改變「亮度」的「100%」值。用94%的值檢查這個例子:http://jsfiddle.net/marcosfromero/Z3Wbr/ – marcosfromero