Link to home
Create AccountLog in
Avatar of Peter Nordberg
Peter NordbergFlag for Sweden

asked on

Transparancy on Image with css

Hi,

I'd like to add transparency to an image. You can see an example of what I want to achieve in the attached image.  
User generated imageI 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?

Peter
Avatar of Chris Stanyon
Chris Stanyon
Flag of United Kingdom of Great Britain and Northern Ireland image

You can do it as part of the image, but you'd need to use an image editing package to add the overlay - something like Photoshop or Gimp.

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?
SOLUTION
Avatar of Robert Granlund
Robert Granlund
Flag of United States of America image

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
ASKER CERTIFIED SOLUTION
Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account