Advanced Search

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