Question

不，我不明白。 “积分”是什么意思？：

“换句话说：

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

这些'点'是什么？我阅读了文章，并且我知道指定CSS代码有顺序，但我仍然不明白。因为这是我只获得集合中的第一个精灵。仅供我使用精灵生成器。（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>

CSS Sprite不工作 - 仅显示Set中的第一个图像

1 个答案: