Question

使用CSS，我试图将背景图像与颜色混合。该图像是具有半透明部分的PNG。如何将混合模式仅应用于实际可见的部分，因此如果PNG有一个洞，那么后面的元素可以在那里看到无阻碍？

代码如：

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

导致与顶部图像混合的不透明颜色。图像的完全半透明像素包含背景颜色，而不是结果半透明。

任何人都知道如何解决这个问题？在此先感谢：）

Answer 1

仅限filter

Caused by: org.sonar.api.utils.HttpDownloader$HttpException: Fail to download [http://mysterioushost.com:9000/batch_bootstrap/db?project=some:project]. Response code: 500
       at org.sonar.api.utils.HttpDownloader$BaseHttpDownloader$HttpInputSupplier.getInput(HttpDownloader.java:281)

可能

和filter: hue-rotate(90deg);。没有其他选项，只有在支持它的浏览器中。

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

1 个答案: