html - 精灵不工作 - 背景位置 = 50%

Question

在使用我的精灵时，我忽略了一些明显的东西。我在JSFiddle有一个例子。它没有在跨度中显示精灵，当我在 Chrome 中查看元素时，它报告的实际背景位置为 0px，50%。css 为 0px，-31px。

建议

Answer 1

SPANS不是块元素，并且不能采用宽度或高度 CSS 属性。为此元素使用DIV或添加到您的定义中。display:block

Answer 2

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

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

Answer 3

display:block在 div 上使用它可以工作。（我不知道这是否是您应该看到的图像..）