混合模式乘法的CSS颜色叠加

Question

有没有什么方法可以将图像按照颜色相对于像alpha通道的颜色相乘？ 例如我有黑色&白色&透明度按钮，我想让它4种不同的颜色+ 4种颜色悬停状态。

如果它是glsl着色器，我会简单地乘以顶点颜色的每个像素。

这里是按钮精灵： https://dl.dropbox.com/s/4j43vf8l50mifw1/common_button_map_menu.png

Answer 1

有对现在的浏览器CSS背景图像混合模式的支持有限。试试你的背景设置为纯色，并使用一个背景图像上：

background-blend-mode: multiply; 

IE不会起球和Safari浏览器的实现是不完整的http://caniuse.com/#search=blend-mode