<a> 标签在包含 CSS 中设置为固定的 <nav> 位置时未单击答案

【问题标题】：<a> tags not clicking when containing <nav> position set to fixed in CSS<a> 标签在包含 CSS 中设置为固定的 <nav> 位置时未单击
【发布时间】：2019-03-04 18:00:53
【问题描述】：

我正在创建导航栏，并且一切正常，除了将导航设置为固定位置时，链接不会叮当。如果我删除 position: fixed，链接是可点击的并且可以正常工作。

这是我的html代码：

<nav>
    <ul class="navbar">
        <li><a href="#header">Home</a></li>
        <li><a href="#one">Skills</a></li>
        <li><a href="#two">Knowledge</a></li>
        <li><a href="#three">About</a></li>
        <li><a href="#footer">Contact</a></li>
    </ul>
</nav>

和 CSS：

nav {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
}

我有其他 CSS，但不影响这个问题。

任何帮助表示赞赏，在此先感谢！

【问题讨论】：

很可能是 z-index 问题。右键单击其中一个链接并选择“检查”。我的猜测是被检查的元素不是你认为你已经检查过的链接。
你确定吗？现在运行良好。

标签： html css css-position href nav

【解决方案1】：

谢谢乌特卡诺斯。我研究了 z-index 并将其设置为 1，现在它可以完美运行。再次感谢！

这是我的 CSS 代码：

nav {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    z-index: 1;
}

【讨论】：