我将如何在 HTML/CSS 中始终将固定导航保持在顶部

How would I keep a fixed nav on top at all times in HTML/CSS?

本文关键字：导航 顶部 HTML CSS      更新时间：2023-09-26

好吧，我正在努力创建自己的个人网站，它是一个单页可滚动的网站，顶部有一个固定的导航。我从我在网上找到的代码中添加了一个 JQuery 灯箱图库，它工作正常，唯一的问题是当我滚动经过图库时，磁贴在我的固定导航上向上滚动。有没有办法让我的导航始终处于领先地位？还是我必须编辑实际的图库插件本身。

z-index CSS 属性控制元素如何相互重叠。如果将导航栏的z-index设置为高于库的值，它将显示在顶部。

在您的情况下，它们可能是导致这种情况的两个原因之一：

1）当然，画廊应该始终位于顶部（这是兴趣点）。因此，它的 CSS z-index可能会设置为在您的nav
顶部的高值

解决方案：检查图库的父类并查看其z-index然后为您的nav提供更高的z-index

2）第二种情况很少发生，但仍可能发生，到目前为止，很明显您的nav已经position:fixed。但是图库可能没有隐式设置位置，因此默认情况下它是静态的，这可能会导致这种神秘的分层行为

解决方案：检查图库的父元素并隐式添加 give 一个位置属性（检查它是否真的没有之后）

相关文章：