Как добавить фону крупинчатое затемнение?

Question

[Святослав Немато]

Пример
Как затемнить фон, как в примере.
Скопировал код, с сайта примера

background-attachment: scroll, fixed;
background-color: #645862;
background-image:  url("overlay.png"), url("head.jpg");
background-position: top left, bottom center;
background-repeat: repeat, no-repeat;
background-size:auto, cover;
color: #fff;

Но ни какого затемнения не появилось, overlay.png скопировал тоже
Если Вас не затруднит, выложить пример, что бы добиться таково же эффекта, как на демо сайте.
Альтернативный пример 1
Альтернативный пример 2
Альтернативный пример 3

Answer 1

[Андрей Б.]

Проверяйте путь к изображению, все работает
https://jsfiddle.net/u8hxkstv/
Суть проста, поверх основного фона накладываете слой с крупицами.

Comments

[Святослав Немато]

Спасибо

Answer 2

[WQP]

Добавляйте before и его растягивайте по весь блок

Comments

[Святослав Немато]

Спасибо за ответ