Я создаю спрайты для своего сайта, используя Sprite и Image Optimization Framework Preview 2 . Я хочу создать ролловеры изображений CSS с этими спрайтами. Как мне этого добиться?
Вот что я пробовал для css, я скопировал код, сгенерированный платформой для изображения hovere, и вставил так:
.vote-down-gif:hover
{
width:23px;
height:11px;
background-image:url(sprite0.png);
background-position:-512px 0;
}
и это на мой взгляд:
<img src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="vote-down-gif " />