css - 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++;
}