Html 导航栏跟随我滚动的任何地方

每当我滚动时，我试图将导航栏设置为顶部，但当我使用position:fixed时；导航栏消失了。这是我的html和css

<nav>
<div class="navbar">
<button class="btn button"> Home <A href="#">   </button>
<button class="btn button"> About Me </button>
<button class="btn button"> Portfolio</button>
<button class="btn button"> Contact Me           </button>
</div>
</nav>

<div class="background-img">

</div>

<div class="portfolio">

<img src="https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjP5v6bzfDWAhXEto8KHc_gBDoQjRwIBw&url=http%3A%2F%2Fhomequity.us%2Fdesignhouse%2Fbungalow_house_design_malaysia.html&psig=AOvVaw3hVzFHYi5ropXAhSrn1oIx&ust=1508087256948636">


</div>

---

`

您仍然需要将其固定位置定义为

top:0

 nav{
      background-color: transparent;
      position: fixed;
      top:0;
      width:100%;
      z-index:15;
     }

---

您仍然需要将其固定位置定义为

top:0

 nav{
      background-color: transparent;
      position: fixed;
      top:0;
      width:100%;
      z-index:15;
     }

原因是价值。还有一件事你可能忘了关闭导航部分的a标签

nav{
背景色：透明；
位置：固定；
z索引：99999；/*添加z索引值最大值*/
}
.btn{
背景色：黑色；
颜色：白色；
字体大小：30px；
填充：10px；
保证金：10px 193px 10px 0px；
}
.背景图像{
背景：url(https://images.unsplash.com/photo-1497215842964-222b430dc094?dpr=1&auto=compress，format&fit=crop&w=2100&h=&q=80&cs=tinysrgb&crop=）；
背景大小：100%100%；
背景重复：无重复；
宽度：100vw；
高度：100vh；
位置：相对位置；
}

关于我
文件夹
联系我

原因是价值。还有一件事你可能忘了关闭导航部分的a标签

nav{
背景色：透明；
位置：固定；
z索引：99999；/*添加z索引值最大值*/
}
.btn{
背景色：黑色；
颜色：白色；
字体大小：30px；
填充：10px；
保证金：10px 193px 10px 0px；
}
.背景图像{
背景：url(https://images.unsplash.com/photo-1497215842964-222b430dc094?dpr=1&auto=compress，format&fit=crop&w=2100&h=&q=80&cs=tinysrgb&crop=）；
背景大小：100%100%；
背景重复：无重复；
宽度：100vw；
高度：100vh；
位置：相对位置；
}

关于我
文件夹
联系我