I'd like to add transparency to an image. You can see an example of what I want to achieve in the attached image.
I know how to do this if I use a <div> and add the image as a background and apply rgba effect on it, but is it possible to get a similar effect with a usual image <img src---->"? If so how can I do it?
You could also probably do it with a server-side script such as PHP, but it's not the easiest.
By far the easiest way is to overlay a div over an image. Is there a particular reason you don't want to do that?