在透明图像上应用混合模式

使用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

回答