固定导航问题

Question

我正在尝试创建便携式导航。但是，这样做会使导航进入后台。

我已经在导航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;
}