在透明圖像上應用混合模式

使用CSS，我試圖將背景圖像與顏色混合。儘管圖像是一個半透明部分的PNG。如何將混合模式應用於實際可見的部分，所以如果PNG有一個洞，那麼躺在後面的元素可以在那裏看到通暢？在透明圖像上應用混合模式

代碼等：

background-image: url("Scales/Scale1.png"); 
background-color: rgba(0, 0, 255, 1); 
background-blend-mode: luminosity;

結果與圖像ontop的不透明的顏色混合。圖像的完全半透明像素包含背景色，而不是結果上的半透明。

任何人有一個想法如何解決這個問題？感謝提前:)

filter: hue-rotate(90deg);

和sepia(NN%)可能。沒有其他選擇，只有在支持它的瀏覽器中。

2015-09-04 18:28:48

回答