使用 z-index 进行相对定位

Question

我有2个div。第二个在第一个之下。

第二个 div 有 z-index: -1;顶部：-20px；位置：相对。现在我想将一些链接（a-tag）放入第二个div：test。现在我看到了我的链接，但它处于非活动状态。我无法点击它。当我删除 z-index: -1 时它就起作用了。怎么了？

Answer 1

负 z 索引可能会出现问题。我会给顶部 div 更高的 z-index。你最好有这样的东西：

div.1 {
  position: relative;
  z-index: 3;
}
div.2 {
  position: relative;
  top: -20px
}

你的链接应该是可点击的，如果它们当然是可见的。