CSS Overlay Image with Color HTML
Background Overlay with Color just CSS
I just spend a long time for figuring out how to do an overlay with just CSS and no extra div which is in absolute position. So i figured out to post it really fast.
For Explanation. The first three Parameters are for the gradient, then url and some infos about centering and repetition. The RGBA is rgba(red, green, blue, opacity). RGB 0-255 and opacity 0-1.
You can also choose a div for an overlay, but theres plenty information for that. For example here on stackoverflow.
See the Example on CodePen:
See the Pen image overlay by Markus Egon Kuhn (@gope153) on CodePen.