Hello and welcome to our community! Is this your first visit?
Register
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
    Posts
    18
    Thanks
    3
    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?

    Thanks!

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

  • #2
    Senior Coder
    Join Date
    Sep 2010
    Posts
    1,912
    Thanks
    15
    Thanked 227 Times in 227 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
    •