Css layers over background-images

.background {
    background:url('../img/bg/diagonalnoise.png');
    position: relative;
}

.layer {
    background-color: rgba(248, 247, 216, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Source: stackoverflow.com

Similar codes

29 votes116 views4 answers
How to remove bullet in css
CSS
4 votes65 views1 answer
Grid mdn
CSS
0 vote143 views2 answers
Zoom image on click css
CSS
5 votes119 views3 answers
Change color of bullet points css
CSS
1 vote130 views1 answer
Content-visibility
CSS
-1 vote111 views1 answer
Arranging the paragraph in css
CSS
0 vote88 views1 answer
Css if element is empty
CSS
10 votes124 views2 answers
Import css in another css file
CSS
7 votes123 views4 answers
How hide in html
CSS
1 vote107 views1 answer
Css testo che scorre
CSS