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>

单击第二个div将更改第一个（即#change_me）的 z-index。

元素是什么并不重要（它们可以是div's、span's、p's 等）