Javascript 引导栅格元素重叠导航栏

我正在尝试构建网格元素，其中有两列，每列中有几行面板元素。除了将导航栏滚动到网格元素点之外，其他一切看起来都很棒。元素与导航栏重叠，就像它们漂浮在顶部一样。奇怪的是页面的其他部分都没有这样做，当我滚动时，除了网格元素，所有的东西都在导航栏后面

下面是我看到的效果的图像：

有人知道发生了什么吗？我的导航栏也使用headloom.js

---

编辑：这是指向实时网站的链接：（找到答案后，链接被删除，因为网站仍在建设中）

这是导航的z索引问题。即使只是给它一个值1，也为我修复了重叠。仅供参考，数字越高，它在另一个元素下的可能性就越小，因此您可能应该将其设置为大约500亿（或999）

---

看起来东西没有被适当地控制住。有一个JSFIDLE可以帮助你吗？Emily，请提供代码，一个到现场的链接，或者一个小提琴，这样我们就可以调试并帮助你。我试过小提琴，但每个人都做得很好。我想可能是我的页面的某些组件相互冲突。我已经包括了该网站的链接！啊，是的！那是为了我。我一直试图改变导航标签的css，而不是净空。非常感谢，没问题。但我不建议长期使用

z-index:1

z-stack，更高的数字等于更高的数字。

.headroom {
    z-index: 999;
}