Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    May 2012
    Thanked 0 Times in 0 Posts

    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?


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

  2. #2
    Senior Coder
    Join Date
    Sep 2010
    Thanked 275 Times in 275 Posts
    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.


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts