Return to Snippet

Revision: 46255
at May 15, 2011 06:16 by studioevoque


Initial Code
#emailUs
{
  display: block;
  width: 107px;
  height: 23px;
  background: url("emailUs.gif") no-repeat 0 0;

}

#emailUs:hover
{ 
  background-position: 0 -23px;
}

#emailUs span
{
  position: absolute;
  top: -999em;
}

Initial URL
http://www.elated.com/articles/css-rollover-buttons/

Initial Description
A simple way to style a link using a CSS sprite. On hover, the image is moved upwards by the image height to reveal the rollover image.

Initial Title
Simple CSS Image Rollover link

Initial Tags
css

Initial Language
CSS