3

はい、私はここにいました: CSS スプライトが機能しない

いいえ、わかりません。「ポイント」とはどういう意味ですか?:

"言い換えると：

ID 値ごとに 100 ポイントを適用 クラス値 (または疑似クラスまたは属性セレクター) ごとに 10 ポイントを適用 要素参照ごとに 1 ポイントを適用

これらの「ポイント」とは何ですか？記事を読んで、CSSコードの指定に順番があるのはわかったのですが、いまだによくわかりません。これは、セット内の最初のスプライトのみを取得しているためです。参考までに、スプライトジェネレーターを使用しました。(正確にはこれ)

ソースコードはこちらからご覧いただけます。すべてを正しく表示するには、ブラウザでズームインすることをお勧めします。

4

1 に答える 1

0

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-25T14:17:59.833 に答える