View Full Version : Transparent image on image when hovered

07-30-2012, 03:25 PM
Good morning everyone!

I would like to be able to add a transparent image over another one when hovered. So far what i've manage to put it all in a div, put the overlay image (red dots with a white cross) as the background for the div and the image inside of it but the catch is that the image become transparent therefor revealing the background (Red) it doesnt do the effect I was looking for.

Would you have ideas as to how to achieve the opposite without creating a css style for every image I have?


Here is a link where you can find an example: http://thepurplefactor.com/test/

07-30-2012, 03:35 PM
The transparent image has to be the foreground image in the div, for that to work. The background-color of the div has to be transparent.