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

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;

 }

任何向其应用颜色或渐变的帮助thx

Answer 1

[如果要在图像上渐变，请尝试

背景：线性渐变（rgba（0,0,0,0.5），rgba（0,0,0,0.5）），url（'您的图片'）左上方；