html - 当父元素具有负 z-index 时标签不可点击

Question

我有一个包含 z-index: -1 的 div，在 div 内部有一个包含多个 a 标签的 div，但它不可点击。我已尝试将 position:relative 和 z-index:1 分配给内部 div，但它仍然不可点击。

.footer {
  position: relative;
  z-index: -1;
}

.footer .line {
  position: relative;
  z-index: 2;
}

...

<div class="footer">
  ...
  <div class="line">
    <a href="">example</a> ...
  </div>
  ...
</div>

Answer 1

这不可能……如果你把z-index设为负数，就意味着它在内容的后面，就像你有人躲在墙后，如果你朝他开枪，墙会保护他。 ..

因此您尝试将内部内容放入正 z-index 但如果父级为负，则所有内容都将被“隐形”墙隐藏...

您必须将页脚设置为正数或 0 z-index...

.footer{
    position:relative;
    z-index: 0;
}

=================================

其实是有办法的，但是不太好...可以把里面的内容放到绝对位置...

.footer .line{
    position:absolute;
    z-index: 0;
}