覆盖子

Question

我有像这样的DOM的一部分

<div class="parent">
   <a class="link">Link me </a>
</div>

CSS：

.parent {
   z-index: -2;
}
.link {
 z-index:9999;
} 

我想要一部分＆＃34;父母＆＃34;在前一个div下包装重叠/换行。所以，我正在使用z-index -2。无论我使用什么z-index链接，它都不可点击。任何建议。

PS：我不能为父母的前任div使用更大的z-index。因为＆＃34;父母＆＃34;有3个兄弟姐妹（专栏），不需要在前任之下。

Answer 1

这是因为父/子关系。我父母是另一个元素，也是它的孩子。

但是如果它本身不包含任何链接，您可以将pointer-events: none添加到之前（重叠）DIV。这将允许＆＃34;点击它＆＃34;。

注意：如果之前的DIV包含链接，那将无法正常工作，因为这些链接不再有效。