Css 使用图像精灵单击时更改z索引？

如果我有一个使用css图像精灵的导航菜单，在点击/选择链接时是否可以更改z索引？

您不能真正使用css在点击时进行更改（除非您使用

：active

，但这只会在点击时持续片刻）。改用JavaScript

假设您的CSS如下所示：

#change_me {
    z-index: 1;
}

然后，您可以使用HTML和一些内联JavaScript：

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

我的z索引将更改
点击我！

单击第二个

div

将更改第一个的z索引（即

#change_me

）

---

这些元素是什么并不重要（它们可以是

div

，

span

，

p

，等等）。

请为您的问题提供一些代码，以获得最佳答案（或至少是答案）。