如何在HTML/CSS中始终保持固定的导航位置？

Question

嗯，我正在努力创建我自己的个人网站，这是一个只有一页滚动网站与固定的导航在顶部。我从我在网上找到的代码中添加了一个JQuery灯箱库，它工作得很好，唯一的问题是当我翻过图片库时，瓷砖在我的固定导航上滚动。有什么办法能让我的导航站在上面吗？或者我必须编辑真正的画廊插件本身。

Answer 1

CSS property控制元素如何相互重叠。如果您将导航条的z-index设置为比图库的值更高的值，它将出现在顶部。

Answer 2

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

( 1)当然，画廊应该总是在最上面(这是兴趣所在)。因此，它的CSS z-index可能被设置为位于nav顶部的高值。

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

2)第二种情况很少发生，但仍有可能发生，到目前为止，很明显，您的nav有position:fixed。但是画廊可能没有隐式地设置位置，所以在默认情况下是静态的，可能导致这种神秘的分层行为。

解决方案：检查库的父元素并隐式添加给予位置属性(在检查IT是否真的没有IT之后)