Merhaba arkadaşlar. Yine sprite işinde afalladım. Yardımcı olursanız memnun olurum.

Kullandığım resim

Kod

#warcraftfilm {
width: 300px; height: 100px;
background: url('http://i.imgur.com/U0tBD2z.jpg') no-repeat left top;
}
#warcraftfilm:hover { background-position: 0px -100px }

Normal halinde gözüken kısmın üst yarısı olmasını istiyorum (300*100). Üzerine gelindiğinde de 300*100 piksellik alt yarısı gözüksün istiyorum. Ama normal hali sorunsuz gözükürken, fare imlecini üzerine getirdiğimde bomboş gözüküyor. Büyük ihtimalle hover kodundaki pozisyon kodlarından kaynaklanıyor.

-100'ü -200 yaptım, 0'ı 300 yaptım sonuç yine aynı. :(