css - 如何在图像背景上应用图案和颜色？

Question

在网站中，我想要一个背景图片，然后对其应用图案，然后对其应用颜色或渐变，我发现这个 css 代码有效，但不确定如何应用颜色

.body {
background: url(pattern.png) top left repeat, url(backgroundimage.jpg) top left no-repeat;
background-attachment: fixed;
background-position: top left;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
 background-size: auto, cover;

 }

应用颜色或渐变的任何帮助 谢谢

Answer 1

如果你想给图像渐变那么试试

背景:线性渐变(rgba(0,0,0,0.5)，rgba(0,0,0,0.5))，url('你的图像')左上角;