我如何在 HTML/CSS 中始终保持固定导航在顶部？
How would I keep a fixed nav on top at all times in HTML/CSS?
嗯，我正在创建我自己的个人网站，它是一个单页可滚动网站，顶部有固定导航。我从网上找到的代码添加了一个 JQuery 灯箱画廊，它工作正常，唯一的问题是当我滚动经过画廊时，图块在我的固定导航上向上滚动。有什么办法可以让我的导航始终在最前面吗？还是我必须自己编辑实际的图库插件。
The z-index CSS property 控制元素如何相互重叠。如果您将导航栏的 z-index 设置为高于图库的值，它将显示在顶部。
在您的情况下，它们可能是造成这种情况的两个原因之一：
1) 当然，画廊应该永远在最前面（这是兴趣点）。因此它的 CSS z-index 可能会设置为高于您的 nav
的高值
解决方案：检查画廊的父级 class 并查看其 z-index 然后为您的 [=11] 提供更高的 z-index =]
2) 第二种情况很少发生，但仍有可能发生，到目前为止很明显你的 nav 有 position:fixed。但是画廊可能没有隐式设置位置，所以它默认是静态的，这可能会导致这种神秘的分层行为
解决方案：检查图库的父元素并隐式添加给一个位置属性（检查后如果它确实没有）
嗯，我正在创建我自己的个人网站，它是一个单页可滚动网站，顶部有固定导航。我从网上找到的代码添加了一个 JQuery 灯箱画廊，它工作正常，唯一的问题是当我滚动经过画廊时，图块在我的固定导航上向上滚动。有什么办法可以让我的导航始终在最前面吗？还是我必须自己编辑实际的图库插件。
The z-index CSS property 控制元素如何相互重叠。如果您将导航栏的 z-index 设置为高于图库的值，它将显示在顶部。
在您的情况下，它们可能是造成这种情况的两个原因之一：
1) 当然，画廊应该永远在最前面（这是兴趣点）。因此它的 CSS z-index 可能会设置为高于您的 nav
解决方案：检查画廊的父级 class 并查看其 z-index 然后为您的 [=11] 提供更高的 z-index =]
2) 第二种情况很少发生，但仍有可能发生，到目前为止很明显你的 nav 有 position:fixed。但是画廊可能没有隐式设置位置，所以它默认是静态的，这可能会导致这种神秘的分层行为
解决方案：检查图库的父元素并隐式添加给一个位置属性（检查后如果它确实没有）