css - 如何停止在导航栏上滚动的 div？

Question

最近我正在开发一个新网站，我正在使用 bootstrap 创建它。这是有我的网站的 bootply 链接。

http://www.bootply.com/9pUX4JwEYb

根据此链接中的 HTML，我遇到了一个无法解决的问题。当我向上滚动时，文本“Main Bodysssss...”越过导航栏。我试图定位它但没有帮助。告诉我如何解决这个问题。非常感谢。

Answer 1

更高z-index .navbar 应该解决这个问题(working example):

.navbar {
  z-index: 10;
}

来自documentation ,

When elements overlap, z-order determines which one covers the other. An element with a larger z-index generally covers an element with a lower one.