Forums

caption/meta on mouseover? (2 posts)

  1. mikejandreau
    Member
    Posted 2 years ago #

    I stumbled across this theme, and while I don't like most of the features of it, I really like the mouseover on the Portfolio page (http://www.furtzdesigns.com/darknclean/?page_id=58)

    Can someone tell me how this was done? Obviously with jquery and CSS, but more specifics would be appreciated. Is there a plugin to accomplish this?

    Thanks for any insight

  2. mikejandreau
    Member
    Posted 2 years ago #

    I've gotten closer, but still no luck.

    I'm using this code:

    .image img {
    	margin: 2px;
    	padding: 2px;
    	border:2px solid #333;
    	display:block;
    }
    .image img:hover {
    	-moz-background-clip:border;
    	-moz-background-inline-policy:continuous;
    	-moz-background-origin:padding;
    	background:transparent url(images/maginfying-glass-hover.png) no-repeat scroll 0 0;
    	display:block;
    }

    It works, but places my img:hover image *behind* the one I want it to overlay on. I can't figure out how to get it to overlay on top of the image itself.

    Can anyone point me in the right direction?

Topic Closed

This topic has been closed to new replies.

About this Topic