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

222 votes572 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
1 vote215 views2 answers
How to make background more darker with css
CSS
0 vote174 views1 answer
Low opacity whit out toching child nods
CSS
0 vote148 views0 answer
CSS
103 votes190 views2 answers
What are the types of positioning in css
CSS
2 votes188 views1 answer
Border bottom remove
CSS
0 vote211 views2 answers
Use font awesome as content in css
CSS
2 votes186 views2 answers
Css grid make all rows same height
CSS
0 vote197 views1 answer
Make border absolute css
CSS
0 vote184 views1 answer
Text width tailwindcss
CSS