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 vote299 views1 answer
How to disable phone number linking in Mobile Safari
CSS
1 vote372 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
10 votes369 views4 answers
Bootstrap badges Links
CSS Bootstrap
0 vote325 views1 answer
Negative border radius
CSS
79 votes354 views6 answers
Css media query
CSS
0 vote347 views1 answer
How to use purgecss with webpack mix laravel
CSS
13 votes314 views1 answer
Baclgroud image css
CSS
0 vote287 views1 answer
Change font size according to screen css
CSS
0 vote299 views1 answer
Limit number of text lines
CSS
26 votes308 views3 answers
Cursor not pointer
CSS