Image overlay in css

background: linear-gradient(0deg, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.86)), url(your-img-path);

Overlay color on image css

footer#site-footer{  
  position:relative;
}

footer#site-footer:before {     /* use before property (pseudo-element)  */
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}

Similar codes

0 vote331 views1 answer
Beautiful Cyrillic fonts
CSS
2 votes246 views1 answer
Multiple nth child css
CSS
0 vote336 views1 answer
How to view only downloading speed in du meter
CSS
1 vote264 views1 answer
Apply css if class not present
CSS
1 vote289 views3 answers
How to place a table in center in css
CSS
0 vote257 views1 answer
Change image link css
CSS
0 vote283 views1 answer
Css select first immediate child
CSS
0 vote289 views1 answer
Youtube player get current time
CSS
0 vote307 views1 answer
Faunadb update
CSS
10 votes310 views3 answers
Underline css animation
CSS