css - 使用图像 Sprite 单击时更改 z-index？

Question

如果我有一个使用 css image sprite 的导航菜单，是否可以在单击/选择链接时更改 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>

点击第二个 div 将更改第一个的 z-index(即 #change_me)。

元素是什么并不重要(它们可以是div、span、p等.)