html - Sprite 无法运作-背景位置= 50％

我在使用精灵时忽略了一些明显的事情。我在JSFiddle有一个例子。
它没有在范围中显示精灵，当我在Chrome中查看该元素时，它报告的实际背景位置为0px，即50％。 css是0px，-31px。

意见建议

最佳答案

您必须将SPAN显示为块，并丢失背景位置设置之间的逗号，因为应该只是一个空格：

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