Forums

[resolved] Change image opacity when hovering (2 posts)

  1. lost_and_confused
    Member
    Posted 1 year ago #

    My website is http://www.audreydao.com and I wanted to use an image for the more tag. I googled and found a code that allowed me do it. I was wondering if there was a way to change the opacity of the image when a mouse hovers over the image. Here is the code I used to allow an image to be my more tag:

    <?php the_content('<img src="http://i26.photobucket.com/albums/c104/ba_lan/ReadMore.jpg" border="0" alt="Photobucket' . bloginfo('template_directory'). '/images/leaf.gif" alt="read more" title="Read More..." />'); ?>

  2. alchymyth
    The Sweeper
    Posted 1 year ago #

    for instance, with a new style in style.css:

    a.more-link:hover img { opacity:.5; }

    worked in firefox - you need to check for yourself, if 'opacity' is compatible with all modern browsers.

Topic Closed

This topic has been closed to new replies.

About this Topic