Как сделать такой фон при помощи css?

Question

[maksimkoh]

Нужно сделать вот такой фон т.е. изображение + полосочки, которые накладываются поверх этого изображения.
Как реализовать это с помощью css?

Answer 1

[Konstantin Kudelko]

Это делается с помощью multi-gradient:

background-image: -webkit-linear-gradient(45deg, transparent 48%, rgba(255, 255, 255, 0.1) 50%, transparent 52%), -webkit-linear-gradient(135deg, transparent 48%, rgba(255, 255, 255, 0.1) 50%, transparent 52%), url("../images/Wallpapers 1600x900.jpg");
    background-image: linear-gradient(45deg, transparent 48%, rgba(255, 255, 255, 0.1) 50%, transparent 52%), linear-gradient(-45deg, transparent 48%, rgba(255, 255, 255, 0.1) 50%, transparent 52%), url("../images/Wallpapers 1600x900.jpg");
    background-size: 2em 2em,
                     2em 2em,
                     100% 100%;

Вот здесь можно про это прочесть:
https://htmlacademy.ru/demos/8#step1

Answer 2

[Максим Тимофеев]

Псевдоэлемент :after c повторяющейся картинкой на фоне