如何通过另一个div使div可点击？ （但重叠的div必须仍然可以点击）

Question

我的标题有两个重叠的div，另一个是另一个无法点击的div。

网站位于www.vocabularybuilder.co，因为您可以看到徽标无法按下，因为它与导航div重叠。

如何点击徽标？

Answer 1

不要让logo z-index为正，而是将 nav z-index设为负，就像这样（当你确定它有效时使用css：D）：

<nav class="nav-bar animate" role="navigation" style="
z-index: -1;"><!--Your content-->
</nav>

应该可以正常工作，因为我已经在您的网站上尝试过这种方法〜

进一步阅读（具体来说，看看Kelly Elton的回答，明确地说明为什么将徽标设置为正值不起作用）：What is default z-Index of <div> element in HTML, and how to get it using JavaScript?

Answer 2

您可以添加高于标题z-index

的z-index CSS规则

.site-header__logo-link {
z-index:2500;
}

我添加了2500因为我认为它高于标题z-index，如果它仍然无效，请尝试更高的数字

注意：我不是魔法......你会得到我的