Как нанести рисунок и цвет поверх фона изображения?

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

Если вы хотите задать градиент над изображением, попробуйте

background: linear-Gradient (rgba (0,0,0,0.5), rgba (0,0,0,0.5)), url ('Ваше изображение ') вверху слева;