CSS颜色叠加与混合模式倍增

在Photoshop中，有没有办法将图像与alpha通道（如FX）的颜色相乘？ 例如，我有黑白和透明按钮，我想让它4种不同的颜色+4种悬停状态的颜色

如果是glsl着色器，我只需将每个像素乘以顶点颜色即可

下面是按钮精灵：

---

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

background-blend-mode: multiply;

---

IE不会玩球，Safari实现不完整

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

background-blend-mode: multiply;

---

IE不会玩球，Safari实现不完整

，但按钮透明像素下的像素（设置为bg）也会成倍增加。所以，如果我有一张照片和一个div（按钮+颜色为bg）漂浮在照片上，就会出现问题。按钮的透明像素不会遮罩bg颜色，它会使基础照片倍增。但按钮的透明像素（设置为bg）下的像素也会倍增。所以，如果我有一张照片和一个div（按钮+颜色为bg）漂浮在照片上，就会出现问题。按钮的透明像素不会遮罩bg颜色，它会使基础照片倍增。