Как сделать двухслойный background-image?

Для того, чтобы цвет фона смешивался с картинкой, используйте CSS-свойство background-blend-mode.

Допустим есть картинка

Применяем background-blend-mode: multiply;:

.cat { 
  width: 200px; 
  height: 200px; 
  background-image: url("https://i.stack.imgur.com/NkAMf.jpg"); 
  background-color: pink; 
  background-blend-mode: multiply; 
}

<div class="cat"> 
</div>

Подробней можете почитать здесь.

Единственное но: данное решение не поддерживается IE.

Как я понял, картинка прозрачная.

Значит единственное что нужно сделать - указать цвет в свойстве background одновременно с ссылкой на картинку:

body{ 
background:url('https://i.stack.imgur.com/Qb3KZ.png') no-repeat #000; 
 
}

мне помогло такое: z-index:100; color: #000;