HTML，CSS如何使用href单击div z-index -1

Question

如何点击div z-index的链接：-1。

我需要一个带有z-index -1的div在这个div中是一个链接，当z-index是1或更大的div中的链接是可点击的，但是当我将z-index div设置为-1时，链接是不可点击如何解决它。

CSS

.div1 {
      z-index: 1;
}
.div2 {
      z-index: 2;
}
.div3 {
      z-index: -1;
}

HTML

<div class="div1">div1</div>
<div class="div2">div2</div>
<div class="div3"><a href="">Clickable link with z-index -1</a></div>

Answer 1

使用position: relative并使所有元素都为正z-index。

＆＃13;

＆＃13;

.div1,
.div2 {
  position: relative;
}

.div1 {z-index: 3;}

.div2 {z-index: 2;}

.div3 a {z-index: 1; position: absolute; left: 0; right: 0; bottom: 0; top: 0;}

＆＃13;

<div class="div1">div1</div>
<div class="div2">div2</div>
<div class="div3"><a href="">Clickable link with z-index -1</a></div>

＆＃13;

＆＃13;

＆＃13;