Основной перенос ссылок как CSS Sprite онлайн урок.




a {
display: block;
background: url(sprite.png) no-repeat;
height: 30px;
width: 250px;
}

a:hover {
background-position: 0 -30px;
}

Установленная высота и ширина обеспечивают отображение только части изображения sprite.png. Сдвиг сдвигает положение фонового изображения, открывая другую область графики.