javascript - 滚动时在元素上覆盖固定标题

Question

我有一个固定的标题，因此当我滚动时它会保留在页面顶部，以便访问者可以快速导航或跳过页面的某些部分。

这是我的问题的图片:

问题很简单——我希望我的标题浮在任何其他对象的顶部而不是被它们隐藏，但我认为没有 javascript 就没有办法做到这一点。这是我的 CSS:

#primary header {
position: fixed;
margin: 0;
padding: 0; 
width: 100%;
height: 50px;
background-color: rgb(49,49,49);
}
nav { /* positions nav menu */
position: fixed; /* keeps the nav bar fixed at top when scrolling */
top: 1.25%;
left: 27%;

}
nav a {
margin: 0 50px;
padding: 10px 20px;
font-size: 20px;
}

我能做到吗？我不熟悉 Javascript，但希望得到一些帮助!

Answer 1

在固定元素上设置 css z-index 属性。值越高，最前面的会得到...

喜欢:

#primary header   {
    z-index: 999; /* SET THE NEEDED AMOUNT */
}