例如，它具有透明背景的图像：
而且我想添加一个灰色叠加层(例如，一个div或canvas …)：
但是我希望叠加层自动忽略图像上的透明区域：
可以纯HTML和CSS(例如，通过div，canvas …)这样做？
解决方法
尝试覆盖混合模式。或倍增！
(IE或Edge不支持，谢谢@Stilltorik)
(IE或Edge不支持，谢谢@Stilltorik)
.multiplied {
background-color: blue;
width:250px;
height: 100px;
margin-top: -100px;
mix-blend-mode: overlay;
}
<div> <img src='https://i.stack.imgur.com/4yUEW.png'/> <div class='multiplied'></div> </div>
