ap div z index - 悬停时更改？

Question

我有一系列的ap div像一堆不整齐的照片堆叠在一起。我希望访问者能够点击该堆栈中的照片并将照片放在堆栈顶部。 这就是我对每个ap div所拥有的：

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

我想知道我可以添加哪些代码来更改ap div中点击图像的z索引。 感谢

Answer 1

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

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

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