我在html代码中应用了一些图像作为div的背景图像。图像尺寸可以根据用户的要求而改变，并且图像可以是任何形状（例如云或标注或气球）。所有应用的图像都是透明的。
现在我想为这些形状应用颜色。如果我将背景颜色写入div / span标记，它将覆盖整个div，因为图像尺寸发生变化，所以我无法使用画布。
有什么办法吗？
代码：
<div style="background-color:blue;height:400px; width:400px;background-size: 100% 100%;background-repeat: no-repeat; background-image: url('cloud7.png'); position:absolute; top:10px; left:10px; height:400px; width:400px;" />
</div>
答案 0 :(得分：1)
你可以使用面具。不幸的是，他们目前只有supported in Webkit browsers。
<div style="background-color:blue;height:400px; width:400px; background-size:100% 100%;background-repeat: no-repeat; -webkit-mask: url('cloud7.png'); position:absolute; top:10px; left:10px; height:400px; width:400px;" />
</div>