有没有办法将我的导航栏放在所有内容的前面？

Question

您好，我正在制作一个具有导航栏的网站，但我发现当我向下滚动其中一个 div 时，导航栏与导航栏重叠。这是代码：

<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 appears over navbar

Answer 1

只需将此行添加到 CSS 文件。

z-index: 999;

查看此link了解更多信息MDN Docs - z-index

Answer 2

你可以给你的导航栏 z-index : 10000

有没有办法将我的导航栏放在所有内容的前面？

Is there a way to put my navbar in front of everything?

html

codepen