Css ap div z索引-悬停时更改？

我有一系列的美联社影集，像一堆乱七八糟的照片。我希望访问者能够点击该堆栈中的一张照片，并使照片位于堆栈顶部。 这是我为每个ap部门准备的：

#apDiv6 {
position:absolute;
width:180px;
height:172px;
z-index:1;
top: 90px;
left: 377px;}

我想知道我可以添加什么代码来更改ap div中单击图像的z索引。

---

谢谢

您可以将当前所选div的z索引更改为更高的值：

var z = 10;  //Declare it as global variable

function ShowDiv() {
  document.getElementById(id).style.display = "block";
  document.getElementById(id).style.zIndex = z;
  z++;
}

---

谢谢你。我能把它放在头上吗？我是否需要更改ap div的代码？您可以按原样使用此代码。但是您需要在按钮单击事件上校准函数ShowDiv（）。对不起，我不太明白我在哪里添加了代码。以下是我的一些div，它们在页面上显示为一堆杂乱的图片。谢谢