用十六進制值多背景有色圖片

Question

http://css-tricks.com/tinted-images-multiple-backgrounds/

我希望做這樣的事情，但有一個十六進制值。我基本上創建了一個CMS，用戶可以用一個返回十六進制值的colorpicker來更改元素的顏色。

是否只能用rgba在圖像上獲取顏色層？或者我可以用十六進制值做它

Answer 1

是的，它只能使用RGBA css-tricks向您顯示的方式，因爲HEX值不支持透明度。你可以做什麼，取決於你的顏色選擇器設置，將HEX值「翻譯」爲RGB值，然後簡單地應用不透明度......查看this page的來源，你可以看到它是如何通過Javascript完成的。

另一種選擇，如果你有使用HEX是使用兩個div元素，一個與圖像和另一個與顏色。那麼你可以在顏色div上設置opacity屬性，而不影響圖像。 看到這個小提琴如何做到這一點：http://jsfiddle.net/Wc5Hc/