我使用名为“Photon”的HTML5模板制作了一个网站,并且我从另一个模板添加了一个Bootstrap导航栏。如何让我的导航栏始终位于顶部?
我的问题是,当我滚动页面时,图片会出现在我的导航栏上,我不想那样做。然而,文本就像我想要的那样在导航栏下面。
我已经将navbar的不透明度设置为100,它的CSS位置是固定的。
我做了几个截图(here和here),以便您可以看到我正在谈论的究竟是什么。
我使用名为“Photon”的HTML5模板制作了一个网站,并且我从另一个模板添加了一个Bootstrap导航栏。如何让我的导航栏始终位于顶部?
我的问题是,当我滚动页面时,图片会出现在我的导航栏上,我不想那样做。然而,文本就像我想要的那样在导航栏下面。
我已经将navbar的不透明度设置为100,它的CSS位置是固定的。
我做了几个截图(here和here),以便您可以看到我正在谈论的究竟是什么。
套装z-index: 100
在导览列,显然它并不需要是一个100,但我看不到你的代码是什么样子,所以100是一个安全的赌注
你应该申请固定位置到您导航类。
.navClass{
position: fixed;
top: 0px;
}
希望它会为你工作:)
这是一个[堆叠内容](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context )的问题,但没有任何实际的代码可供参考,这与我们能够提供的帮助一样多。 –