html - 由于 z-index，href 标签不起作用

Question

我有一个类为“header”的 div，其 z-index 值为 1。在那个 div 之后，我有一个用于 anchor 标记中 Logo 的 div。但问题是我没有在“ Logo ”上找到任何指针光标。如果我删除标题的 z-index，我就可以点击它。我有 .header 如下:

.header{
  z-index:1;
}

这是我得到的结果:

Output i am getting...

只需删除我为 z-index 提供的 css 部分中的注释。您将能够再次单击该 Logo 。

有没有办法让 anchor 标签在“header”上使用 z-index 值为 1？

Answer 1

只需将 pointer-events:none 添加到阻止链接点击的父级(因此添加到标题)。

这是您更新的代码: https://jsfiddle.net/pThNz/31/

.header {
    pointer-events:none
}