Html 最高Z指数，但可以'；t单击图像href

我正在创建此网站：

左上角的徽标应该可以单击。 代码如下：

  <header>
    <div class="header">
      <div class="logo_box_top" style="z-index:20">
                 <a href="index.html" style="z-index:20">
                          <img src="assets/img/logo.png" alt="Smeltkroes">
                  </a>
      </div>
    </div>
  </header>

也许中间的导航栏在挡道上。我通过改变元素的位置和z-索引做了很多尝试，但没有任何效果。

---

如何解决此问题？

Z-index无法执行任何操作，因为没有位置，Z-index始终适用于exmaple的位置：

logo_box_top { 
  z-index: 20;
  position: static;
}

---

您可以对

指针事件使用相对、绝对和etc
：无
在
.header
类上，默认情况下，所有子类也将禁用指针事件

指针事件的文档：无状态：

元素永远不是指针事件的目标；但是，如果子体的指针事件设置为其他值，指针事件可能以其子体元素为目标。在这些情况下，指针事件将在事件捕获/气泡阶段期间，在往返子代的过程中触发此父元素上的事件侦听器（视情况而定）

如果您有特定的原因，您可以保留此选项，如果您希望子项可以单击，则可以在子项上设置显式指针事件值。不过，您可能不需要它，只需将其移除即可


参考：

编辑
根据您的意见，以下是您的解决方案：


保留
指针事件：无.header
类上的code>

添加
指针事件：全部到标头内的锚元素


然后，您仍然可以单击标题链接而不影响其他层。
使用z索引是否符合要求-z索引CSS属性设置定位元素及其子体或flex项的z顺序。z索引较大的重叠元素覆盖了z索引较小的元素。-移除指针事件：无；在查看您的网站时，我发现我在点击
，而不是点击徽标。查看覆盖此图像的站点的其他部分。上面的代码片段本身似乎运行良好。当我删除指针事件时，我的艺术家（身体中的图像）不再可以单击。因为它们的z索引比标题小（因为边缘图像需要在前景上）。。