Sprites不工作 - 背景位置= 50％

我忽略了使用我的精靈中的一些明顯的東西。我有一個例子，在JSFiddle。它沒有在span中顯示sprite，當我查看Chrome中的元素時，它報告的實際背景位置爲0px，50％。 CSS是0px，-31px。Sprites不工作 - 背景位置= 50％

建議

2012-08-27 photo_tom

你必須使SPAN顯示爲塊，失去你的背景位置設置之間的逗號，因爲應該簡單地是一個空間：

2012-08-27 21:24:00

SPANS不阻擋元件，並且不能採取一個的寬度或高度的CSS屬性。使用DIV或將display:block添加到此元素的定義中。

2012-08-27 21:18:16

感謝您的監督。我更新了小提琴http://jsfiddle.net/photo_tom/HJUg6/4/，但是，我原來的問題仍然存在。在chrome中，當我查看計算樣式時，它將背景位置報告爲0px，50％; –

在div上使用display:block，它的工作原理。（我不知道如果這是你應該看到的圖像。）

2012-08-27 21:20:40

回答