HTML相对内容通过固定内容呈现

Question

我有一个导航栏，它固定在屏幕顶部。这个导航栏是position: fixed;，但它呈现在我的内容下面，这是position: relative;。我怎么能避免这个？

Answer 1

你需要将z-index的#navbar属性的值设置为足够高的值，例如：

#navbar {
  z-index: 999999; /* needs to be higher than the content's z-index (if defined) */
}

只是为了确保它保持在其他一切的顶部或前面。