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

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

网站位于此处：

www.vocabularybuilder.co

，您可以看到徽标无法按下，因为它与导航分区重叠

---

如何使徽标可点击？

您可以添加一个高于标题的

z-index

CSS规则

z-index

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

我加了2500，因为我认为它比页眉z索引高，如果它仍然不起作用，请尝试更高的数字

---

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

而不是使logo z-index为正，而是使导航z-index为负，如下所示（当然，在确定它有效后使用css:D）：

应该是工作，因为我已经在你的网站上尝试了这种方法~

---

进一步阅读（具体来说，请看Kelly Elton的答案，它清楚地说明了为什么将徽标设置为正值不起作用）：

次要问题：为什么使用css很重要？我知道这样做可以节省空间，但是如果我只是在线编写代码，是否还有更重要的东西我遗漏了呢？：）看见在您的情况下，使用内嵌css仍然是合理的，因为徽标在您的网站中只出现一次，并且您的css意图是明确的。但是，如果您有多行css，或者您的元素需要在多个区域中使用（也许您希望将h1标记的类设置为红色），那么使用css文件夹将使维护变得更加容易！嘿，伙计，它又不起作用了，我添加了一堆代码，现在它不起作用了，比如，我可以点击徽标，但不能点击导航栏：/找不到罪犯，也许你知道？…我想你已经修复了，我看不出有任何问题。如果您仍然没有修复它，请尝试删除缓存或更改浏览器，可能您的一些旧版本代码（已缓存）正在出错

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