修正Nav问题

Question

我正试着制造一个棒状导航。然而，在这样做的时候，导航系统就进入了背景。

我在导航台上设置了这样的位置，

.site-header {
    ...
    position: fixed;
}

然而，正如上文所述，这种做法如预期的那样起了作用。还有什么是我应该添加的，以确保div是在顶部和固定。

https://jsfiddle.net/fe6jc8nu/

谢谢,

Answer 1

将z:index: 9;添加到.site-header规则中：

.site-header {
  background-color: #fff;
  padding-bottom: 25px;
  padding-top: 25px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  position: fixed;
  z-index: 9;
}