스프라이트가 작동하지 않음 - 배경 위치 = 50 %

Question

스프라이트를 사용하면서 명백한 것을 간과하고 있습니다. JSFiddle에 예가 있습니다. 범위에 스프라이트가 표시되지 않고 Chrome에서 요소를 보면 0px, 50 %의 실제 배경 위치를보고합니다. CSS는 0px, -31px입니다.

추천

Answer 1

을 당신은 단순히 공간이 있어야로 블록으로 SPAN 표시를하고 당신의 배경 위치 설정 사이에 쉼표를 잃고 있습니다

http://jsfiddle.net/HJUg6/2/

Answer 2

SPANS 요소를 차단되지 않고, 폭 또는 높이 CSS 속성 취할 수 없다. 이 요소에 대해 DIV을 사용하거나 display:block을 정의에 추가하십시오.

Answer 3

div에 display:block을 사용하면 작동합니다. (즉, 당신이 볼 수 이미지인지 모르겠어요 ..)