CSS relover sprites

Question

Я использовал этот эффект раньше, все в порядке (насколько я вижу), но он просто не работает. Что я пропустил?

Fiddle here

Sprite here

Спасибо.

Answer 1

Поскольку ваш спрайт расположены горизонтально, вы хотите, чтобы компенсировать состояние парения, как это:

element:hover { 
background-position: -77px 0; 
} 

Answer 2

Ум, ваше фоновое положение регулирует верхнее начальное положение, а не левое исходное положение?

Answer 3

Ваш фон смещение, кажется, неправильно - вместо 0 77px (который является у-офсет, вдоль неправильная ось), попробуйте -77px 0.

Answer 4

просто изменить

background-position: 0 77px; 

в

background-position: -77px 0;