精灵不工作 - 背景位置= 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

在div上使用display:block并且它有效。 （我不知道那是你应该看到的图像..）