混合模式乘法的CSS顏色疊加

有沒有什麼方法可以將圖像按照顏色相對於像alpha通道的顏色相乘？例如我有黑色&白色&透明度按鈕，我想讓它4種不同的顏色+ 4種顏色懸停狀態。混合模式乘法的CSS顏色疊加

如果它是glsl着色器，我會簡單地乘以頂點顏色的每個像素。

2016-12-05 wecando

有對現在的瀏覽器CSS背景圖像混合模式的支持有限。試試你的背景設置爲純色，並使用一個背景圖像上：

background-blend-mode: multiply;

IE不會起球和Safari瀏覽器的實現是不完整的http://caniuse.com/#search=blend-mode

2016-12-05 10:15:37 elmarko

但在按鈕的透明像素像素（設置爲BG ）也會倍增。所以，如果我讓我們說一張照片和一個div（按鈕+顏色爲bg）浮動在該照片上，則會出現問題。按鈕的透明像素不會遮蓋bg顏色，並且會使底層照片倍增。 – wecando

回答