嗨,我正在尝试色彩叠加的图像是亲切透明的png,有点像photoshop色彩叠加与不透明度控制。
我已经尝试过搜索,但找不到这个特定的解决方案。https://jsfiddle.net/j2e83gxq/9/
.imgoverlay {
width:500px;
padding-top:500px;
background-image:url("https://upload.wikimedia.org/wikipedia/commons/6/66/Android_robot.png");
background-repeat:no-repeat;
background-size:contain;
background-color:cyan;
background-blend-mode: overlay;
}
<div class="imgoverlay">
</div>
所有我能找到的是使用背景颜色,但这个颜色的整个元素,我只需要它覆盖一个图像,而不是透明的一面上。
所以基本上我尝试用颜色覆盖这个图像:https://upload.wikimedia.org/wikipedia/commons/6/66/Android_robot.png
不同的颜色。
https://stackoverflow.com/questions/51125606
复制相似问题