If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Enjoy an ad free experience by logging in. Not a member yet? Register.

Transparent image on image when hovered

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?