z-index的相对定位

Question

我有2个div。第二个是第一个。

第二个div有z-index: -1; top: -20px; position: relative。现在我想将一些链接（a-tag）放入第二个div：<a href="#">test</a>。现在我看到了我的链接，但它处于非活动状态。我无法点击它。当我删除z-index: -1时，它可以正常工作。怎么了？

Answer 1

否定的z-index可能表现出错误。我会给顶部div一个更高的z指数。你可以更好地拥有这样的东西：

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

如果链接当然可见，那么您的链接应该是可点击的。