<a> теги не щелкают, когда содержат <nav>положение, установленное в CSS

Question

Я нахожусь в процессе создания панели навигации, и у меня все работает должным образом, за исключением случаев, когда я устанавливаю навигацию в фиксированное положение, ссылки не чокаются.Если я удаляю 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, но это не влияет на эту проблему.

Любая помощь приветствуется, заранее спасибо!

Answer 1

Спасибо, Утканос.Я исследовал z-index и установил его на 1, и теперь он работает отлично.Еще раз спасибо!

Вот мой код CSS:

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