2014-10-30 61 views
0

我正在尝试构建网格元素,其中有两列,每列都有几行面板元素。除了当我将导航栏滚动到网格元素的位置时,一切看起来都很棒。元素与导航栏重叠,就像它们浮在顶部一样。怪异的事情是没有其他部分的页面是这样做的,当我除了网格元素滚动时,一切都在导航栏后面。Bootstrap网格元素与导航条重叠

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

任何人有任何想法是怎么回事?我也为我的导航栏使用headroom.js。

编辑:这里是链接到直播网站:

+1

看起来事情没有被正确包含。有一个可以帮助我们的jsfiddle吗? – charles 2014-10-30 19:06:28

+1

艾米莉,请提供代码,链接到现场,或小提琴,所以我们可以调试和帮助你。 – Growler 2014-10-30 19:12:54

+0

我试过小提琴,但每个人都在那里工作很好。我认为这可能是我的网页中的某些组件相互冲突。我已经包含了该网站的链接! – emilywhou 2014-10-30 19:43:42

回答

1

这是一个与导航的z-index的问题(尚在建设中采取的链接断开找到答案后,如网站)。即使只是给它一个值1,也会为我解决重叠问题。仅供参考,数字越高,其他元素下的可能性越小,因此您应该使其大约为500亿(或999)。

.headroom { 
    z-index: 999; 
} 
+0

啊是的!那为我做了。我一直试图改变导航标记,而不是净空的CSS。谢谢一堆。 – emilywhou 2014-10-30 19:48:12

+0

没问题。我不会推荐长期使用'z-index:1',但是在z堆栈中,更高的数字等于更高。 – 2014-10-30 19:49:27