css - 画像スプライトでクリック時にz-indexを変更しますか?

Question

css イメージ スプライトを使用したナビゲーション メニューがある場合、リンクをクリックまたは選択したときに z-index を変更することはできますか?

Answer 1

クリック時に CSS を実際に使用して変更することはできません(使用しない限り、クリックしている間:active、それは一瞬だけ続きます)。代わりに JavaScript を使用してください。

CSS が次のようになっているとします。

#change_me {
    z-index: 1;
}

次に、いくつかのインライン JavaScript を含む HTML を作成できます。

<div id="change_me">My z-index will change</div>
<div onclick="document.getElementById('change_me').style.zIndex='2'">
    Click Me!
</div>

2 番目をクリックするとdiv、最初の z-index (つまり#change_me) が変更されます。

要素が何であるかは問題ではありません (それらは 、 、 などである可能性がありdivますspan) p。