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

5 votes244 views1 answer
Show scrollbar only when scrolling
CSS
14 votes190 views2 answers
How to render css in flask
CSS
0 vote165 views1 answer
Text slide animation css
CSS
-2 votes167 views1 answer
Reduce image size on mobile view css
CSS
0 vote156 views3 answers
Style highlight css
CSS
0 vote138 views1 answer
Understanding '>' sign in css selector
CSS
50 votes159 views6 answers
Css align center
CSS
4 votes173 views4 answers
Css max lines
CSS
0 vote174 views1 answer
Rendre une div scrollable
CSS
0 vote168 views1 answer
Ordered list indent
CSS