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

0 vote367 views1 answer
Box shadow css animation
CSS
0 vote345 views1 answer
Move element on new line css
CSS
0 vote296 views1 answer
How to make header on top
CSS
1 vote303 views1 answer
Css import google font not working
CSS
2 votes316 views1 answer
How to mirror object through css
CSS
26 votes384 views4 answers
Input outline focus
CSS
2 votes334 views3 answers
Make an image smaller css
CSS
0 vote331 views1 answer
Ratio bootstrap
CSS
0 vote355 views1 answer
How to make jest parse the imported css modules in create react app
CSS
1 vote325 views1 answer
How to alternate background colour in html div elements in css
CSS