CSS 롤오버 스프라이트

Question

나는이 효과를 사용하기 전에 모든 것이 순서대로 (지금까지 보았지만) 작동하지만 작동하지 않습니다. 나는 무엇을 놓쳤는가?

Fiddle here

Sprite here

감사합니다.

Answer 1

,이 같은 호버 상태 상쇄 할 것 - 대신 Y 오프셋을 따라 0 77px (의

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

Answer 2

음, 배경 위치가 왼쪽 시작 위치가 아닌 위쪽 시작 위치를 조정하고 있습니까? 스프라이트가 수평으로 배열되어 있기 때문에

Answer 3

당신의 배경이 상쇄하는 것은 잘못된 것 같다 잘못된 축), -77px 0

Answer 4

시도는

에

background-position: 0 77px; 

변경