Есть ли способ поставить мой navbar перед всем?

Question

Здравствуйте, я делаю сайт, на котором есть Navbar, но я обнаружил, что при прокрутке вниз один из элементов div перекрывает Navbar. Вот код:

<ul>
<li><a href="404.html"><button class=nav>Home</button></a></li>
<li><a href="#"><button class=nav>Contact Us</button></a></li>
<li><a href="#"><button class=nav>Web Development</button></a></li>
<li><a href="#"><button class=nav>Editing</button></a></li>

.nav {
border: none;
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
padding-bottom: 25px;
background-color: black;
color: white;
border-radius: 100px;
transition: 1s;
z-index: 999;
}

.nav:hover {
 color: black;
 background-color: white;
 transition: 1s;
}`

Просмотр на Codepen

https://codepen.io/adsnipers/pen/PdNOYx?editors=1100#0

Div появляется на панели навигации

Answer 1

вы можете дать z-index: 10000 на вашу навигационную панель

Answer 2

Просто добавьте эту строку в файл CSS.

z-index: 999;

См. Эту ссылку для получения дополнительной информации Документы MDN - z-index