css - ap div z インデックス - ホバーで変更しますか?

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