CSS雪碧不工作 - 只顯示第一個圖像設置

Question

是的，我一直在這裏：CSS Sprite not working

不，我不明白這一點。什麼他由「點」 ?:意味着

「換句話說：

對於每個ID值，應用100點 對於每個類值（或僞類或屬性選擇器），應用10分 對於每個元素參考，應用1點「

這些'點'是什麼？我閱讀文章，並得到指定CSS代碼的順序，但我仍然不明白。正確的是，我只是獲得了集合中的第一個精靈。 FYI-I使用了一個精靈發生器。 （This one to be exact）

您可以查看源代碼here。我建議放大瀏覽器以正確查看所有內容。

Answer 1

Ricky：img標籤遮擋背景。我建議將它改爲div。另外，您沒有在代碼中包含NOS對象。這是我想出了：

<script> 
    var NOS = { 
     itemno: 0, 
     menuClasses: [ 
      'img-blog', 
      'img-files', 
      'img-forums', 
      'img-login', 
      'img-logout', 
      'img-mail', 
      'img-news', 
      'img-profile', 
      'img-reg', 
      'img-settings', 
      'img-shop', 
      'img-status' 
     ], 
     toggle: function() { 
      $('#menuimg').removeAttr('class').addClass(function() { 
       ++NOS.itemno; 
       if (NOS.itemno > NOS.menuClasses.length - 1) { 
        NOS.itemno = 0; 
       } 
       return NOS.menuClasses[NOS.itemno]; 
      }); 
     } 
    } 
</script>