1

我在 html 代码中应用一些图像作为 div 的背景图像。图像尺寸可以根据用户的要求改变，图像可以是任何形状（例如云或标注或气球）。所有应用的图像都是透明的。

现在我想为这些形状应用颜色。如果我将 background-color 写入 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>
4

1 回答 1

1

您可以为此使用掩码。不幸的是，它们目前仅在 Webkit 浏览器中受支持。

<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>
于 2012-11-26T14:47:39.087 回答