ウェブサイトのページをスクロールダウンするときに、サイト上のナビゲーションバーを定位置に固定する必要があります。私はコードを正しい場所に固定していると思いますが、下にスクロールすると、ページの画像/セクションに対して透明に見えます - セクションがスクロールしているように見えるようにしたいです。私はあなたが<nav>
にz-index:999
を使うべきだと思うナビゲーションバー - 固定位置
<header>
<nav>
<a href="#logo">Home</a>
<a href="#whatwedo">What we do</a>
<a href="#whoweare">Who we are</a>
<a href="#partners">Who we work with</a>
<a href="#contact">Say hello</a>
<a href="Blog">Blog</a>
</nav>
</header>
のstyle.css
header {
height: 50px;
background-color: #fff;
}
nav {
overflow: hidden;
text-align: center;
padding: 10px;
background-color: #fff;
position: fixed;
top: 0;
width: 100%;
}
nav a {
color: #000000;
text-decoration: none;
display: inline-block;
padding: 15px;
border-bottom: 2px solid transparent;
}
'999'過剰です。 '2'はうまく動作し、将来的に扱いやすくなります。 – TylerH