Results 1 to 2 of 2

Thread: Hover on image for link banner

  1. #1
    Join Date
    Dec 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Hover on image for link banner

    I've searched for this but can't really put it into words..
    I have a blog and I would like to put google linkads on the images, but only shown as a semi-transparent banner over the bottom of the pictures when the mouse is over the images.
    I'm sure it's on here somewhere. please help me?
    thanks
    and sorry for being such a n00b

  2. #2
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    Not sure how the google ADs are generated but could use opacity, I think. Throw them in a div that on hover/mouseover opacity is full. You'll need a conditional for the style to apply in IE using this method though.

    Code:
    <div id="google_ads"> 
    ADS CODE
    </div>
    Code:
    #google_ads {
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
    
    #google_ads:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

Bookmarks

Posting Permissions

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