我正在创建自己的个人网站，它是一个可滚动的单页网站，顶部有固定导航。我在网上找到的代码中添加了一个JQuery灯箱库，它运行正常，唯一的问题是当我滚动浏览库时，瓷砖向上滚动到我的固定导航上。有没有办法让我能够做到这一点，我的导航总是在顶部？或者我是否必须编辑实际的图库插件。
答案 0 :(得分：1)
The z-index CSS property控制元素彼此重叠的方式。如果您将导航栏的z-index设置为高于图库值的值，它将显示在顶部。
答案 1 :(得分：0)
在你的情况下，他们可能是造成这种情况的两个原因之一：
1）当然，画廊应该始终位于顶部（这是感兴趣的点）。因此，它的CSS z-index可能设置为最高值nav
解决方案：检查图库的父级并查看其z-index，然后向z-index
nav
2）第二种情况很少发生，但可能仍然会发生，到目前为止，nav显然已position:fixed。但是Gallery可能没有隐含地设置位置，所以它默认是静态的，可能会导致这种神秘的分层行为
解决方案：检查图库的父元素并隐式添加一个位置属性（检查后是否真的没有它）