[Roll Over Image] Quick Question !!! Urgent Plz!!

Discussion in 'Web Design' started by adam1987, Dec 9, 2011.

to remove all ads.
  1. adam1987

    adam1987 New Member

    Messages:
    1
  2. PixelPusher

    PixelPusher Super Moderator Staff Member

    Messages:
    1,077
    Basic example of using an image sprite for a rollover effect on a link.

    Code:
    a {
    display:block;
    line-height:1.5em;
    font-size:1.1em;
    padding:0 10px;
    color:#d9d9d9;
    text-decoration:none;
    background:transparent url(backgroundSprite.png) 0 0 no-repeat;
    }
    a:hover, a:focus {
    color:#fff
    background-position: 0 -50px;
    }
    
     

Share This Page