CSS图像颜色叠加在kisscut图像png上
CSS图像颜色叠加在kisscut图像png上
提问于 2018-07-02 01:45:03
嗨，我正在尝试色彩叠加的图像是亲切透明的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
不同的颜色。
回答 1
Stack Overflow用户
发布于 2018-07-02 02:55:44
你不能在CSS中达到这个效果，最好的方法是使用Photoshop。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51125606
复制相关文章
相似问题