2016-03-03 70 views
-1

我使用名为“Photon”的HTML5模板制作了一个网站,并且我从另一个模板添加了一个Bootstrap导航栏。如何让我的导航栏始终位于顶部?

我的问题是,当我滚动页面时,图片会出现在我的导航栏上,我不想那样做。然而,文本就像我想要的那样在导航栏下面。

我已经将navbar的不透明度设置为100,它的CSS位置是固定的。

我做了几个截图(herehere),以便您可以看到我正在谈论的究竟是什么。

+2

这是一个[堆叠内容](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context )的问题,但没有任何实际的代码可供参考,这与我们能够提供的帮助一样多。 –

回答

-2

套装z-index: 100在导览列,显然它并不需要是一个100,但我看不到你的代码是什么样子,所以100是一个安全的赌注

+0

由于您不知道OP的堆叠环境是什么样子,所以不是很好的建议。 –

+0

是的,编辑我的答案澄清 –

+0

非常感谢,我会尝试。 我的代码真的很长,所以我不想在这里发布。 – Flash

0

你应该申请固定位置到您导航类。

.navClass{ 
position: fixed; 
top: 0px; 
} 

希望它会为你工作:)

+0

OP已经指定“其CSS位置是固定的”。 –

+0

非常感谢,我真的很感激:) – Flash

+0

@SamirChahine:top:0px;也是需要的。 –