darken css backgrond image without affecting overlay css code example
Example 1: how to darken background image with css
#landing-wrapper {
display: table;
width: 100%;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('landingpagepic.jpg');
background-position: center top;
height: 350px;
}
Example 2: overlay color on image css
footer#site-footer{
position:relative;
}
footer#site-footer:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
}