html - 固定导航问题

Question

我正在尝试创建导航栏。然而，这样做时，导航会进入后台。

我已经在 nav div 上设置了这样的位置，

.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;
}