CSS整個小精靈圖像加載

我是新來的CSS精靈，並試圖在Firefox上使用它們。問題是當我加載標籤或任何標籤上的精靈，它顯示頁面上的整個精靈圖像。CSS整個小精靈圖像加載

我試過使用text-indent = -9999px，但這並沒有幫助。該圖像仍然顯示在頁面的其餘部分上方。使用z-index也沒有幫助。

#container{ 
background: url(csg-50e22b073c545.png) no-repeat top left transparent; 
overflow: hidden; 
} 
.bulletform{ 
background-position: 0 - 1567px; 
width: 30px; 
height: 30px; 
}

所以，我的問題是：1。如何避免顯示整個精靈的形象？ 2.我是否可以在說或頁面的某個根DIV標籤上加載一次精靈圖像？然後使用背景位置在相關位置顯示單個圖像？

請幫忙。

來源

2013-01-02 ganesh

你可以用html做一個jsfiddle嗎？ – Max

請JSFiddle會很好。 –

我以前沒有試過jsfiddle，但它看起來很有趣。不知道如何使用它，但使用Drupal。 – ganesh

這不是你如何使用精靈。您不應該將其加載到任何頂層包裝器中。相反，應爲每個使用精靈的元素設置背景圖像並調整背景位置。無論您在CSS中調用多少次，瀏覽器都足夠明智，只能加載一次相同的圖像。

來源

2013-01-02 03:31:49

感謝Voitkek的迴應。我今晚會試一試，如果問題得到解決，我會告訴你。 – ganesh

我在精靈上嘗試了一個圖像，它似乎工作得很好。感謝Voitek。 :) – ganesh

CSS整個小精靈圖像加載

回答

相關問題