具有十六进制值的多个背景的着色图像

Question

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

我希望做这样的事情但是有十六进制值。我基本上创建了一个CMS，用户可以使用返回十六进制值的颜色选择器更改元素的颜色。

是否只能使用rgba在图像上获得颜色图层？或者我可以使用十六进制值

Answer 1

是的，只能使用RGBA css-tricks向您展示的方式，因为HEX值不支持透明度。你可以做什么，取决于你的颜色选择器设置，是将HEX值“转换”为RGB值，然后简单地应用不透明度...查看this page的来源你可以看到它是如何通过Javascript完成的

另一个选项，如果 使用HEX，则使用两个div元素，一个包含图像，另一个包含颜色。然后你可以在颜色div上设置opacity属性而不影响图像。 如何做到这一点：http://jsfiddle.net/Wc5Hc/