CSS以渐变样式创建CSS3透明叠加层

Question

我有下面的图片，我想使用CSS3创建白色叠加层，但我不确定如何或最好的方法来做到这一点。 RGBA会是最好的吗？

图像：

Answer 1

如果图像背景为白色，则可以将图像本身的不透明度设置为小于1的值。

这样，您就不必进行叠加。

如果背景不是白色，rgba()将是最简单的方法，并且没有任何内容可以反对它。

您也可以使用opacty: 0.5;，但几乎没有区别。