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 vote264 views1 answer
Table td data in middle
CSS
7 votes178 views6 answers
Tailwind css cdn
CSS
0 vote187 views1 answer
Css List in line
CSS
0 vote178 views0 answer
Bootstrapcss
CSS Bootstrap
0 vote204 views1 answer
Svg image shadow css
CSS
1 vote200 views1 answer
Display in flexbox
CSS
0 vote233 views2 answers
Generate random grid in css
CSS
2 votes194 views1 answer
Bootstrap class="mb-3"
CSS
0 vote248 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS
1 vote192 views1 answer
Repeat autofill css grid minmax
CSS