如何使我的导航栏始终在顶部？

Question

我使用名为 "Photon" 的 HTML5 模板创建了一个网站，并且我从另一个模板添加了一个 Bootstrap 导航栏。

我的问题是，当我滚动页面时，图片会出现在我的导航栏顶部，我不希望这样。然而，文本就像我想要的那样位于导航栏下方。

我已经将导航栏的不透明度设置为 100，并且其 CSS 位置已固定。

我做了一些屏幕截图 (here and here)，这样您就可以清楚地看到我在说什么。

Answer 1

在你的导航栏上设置 z-index: 100，显然它不需要是 100，但我看不到你的代码是什么样的，所以 100 是一个安全的赌注

Answer 2

您应该将固定位置应用于您的导航 class。

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

希望它对你有用:)