我正在尝试构建网格元素,其中有两列,每列都有几行面板元素。除了当我将导航栏滚动到网格元素的位置时,一切看起来都很棒。元素与导航栏重叠,就像它们浮在顶部一样。怪异的事情是没有其他部分的页面是这样做的,当我除了网格元素滚动时,一切都在导航栏后面。Bootstrap网格元素与导航条重叠
下面是我看到的效果的图像:
任何人有任何想法是怎么回事?我也为我的导航栏使用headroom.js。
编辑:这里是链接到直播网站:
我正在尝试构建网格元素,其中有两列,每列都有几行面板元素。除了当我将导航栏滚动到网格元素的位置时,一切看起来都很棒。元素与导航栏重叠,就像它们浮在顶部一样。怪异的事情是没有其他部分的页面是这样做的,当我除了网格元素滚动时,一切都在导航栏后面。Bootstrap网格元素与导航条重叠
下面是我看到的效果的图像:
任何人有任何想法是怎么回事?我也为我的导航栏使用headroom.js。
编辑:这里是链接到直播网站:
这是一个与导航的z-index的问题(尚在建设中采取的链接断开找到答案后,如网站)。即使只是给它一个值1,也会为我解决重叠问题。仅供参考,数字越高,其他元素下的可能性越小,因此您应该使其大约为500亿(或999)。
.headroom {
z-index: 999;
}
啊是的!那为我做了。我一直试图改变导航标记,而不是净空的CSS。谢谢一堆。 – emilywhou 2014-10-30 19:48:12
没问题。我不会推荐长期使用'z-index:1',但是在z堆栈中,更高的数字等于更高。 – 2014-10-30 19:49:27
看起来事情没有被正确包含。有一个可以帮助我们的jsfiddle吗? – charles 2014-10-30 19:06:28
艾米莉,请提供代码,链接到现场,或小提琴,所以我们可以调试和帮助你。 – Growler 2014-10-30 19:12:54
我试过小提琴,但每个人都在那里工作很好。我认为这可能是我的网页中的某些组件相互冲突。我已经包含了该网站的链接! – emilywhou 2014-10-30 19:43:42