CSS雪碧不工作 - 只显示第一个图像设置

2012-11-25 61 views 3 likes

是的，我一直在这里：CSS Sprite not working CSS雪碧不工作 - 只显示第一个图像设置

不，我不明白这一点。什么他由“点” ?:意味着

“换句话说：

对于每个ID值，应用100点对于每个类值（或伪类或属性选择器），应用10分对于每个元素参考，应用1点“

这些'点'是什么？我阅读文章，并得到指定CSS代码的顺序，但我仍然不明白。正确的是，我只是获得了集合中的第一个精灵。 FYI-I使用了一个精灵发生器。（This one to be exact）

您可以查看源代码here。我建议放大浏览器以正确查看所有内容。

来源

2012-11-25 Ricky Yoder

回答

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>

来源

2012-11-25 14:17:59 NotoriousWebmaster

对于NOS，我只是没有打扰复制我的JS到我的问题，但谢谢反正！然后我会尝试div！ –

CSS雪碧不工作 - 只显示第一个图像设置

回答

相关问题