Question

我正在创建一个简单的网站，我希望导航栏始终位于页面顶部，我希望它始终可见。

我实现了这一点，但是当滚动浏览某些元素时，导航栏被所述元素覆盖。

我已经google了一下，每个人都说添加“z-index：1”，但导航栏（我自己没有制作）使用z-index：2和-1，如果我改了它到1，导航栏变得不稳定。我可能只是改变了错误对象的z-index或者是愚蠢的东西，但我觉得我在这里尝试过所有东西..

我可能会也可能不会复制粘贴：P

HTML：

LAG([MyValue],1) OVER (PARTITION BY [Category] ORDER BY [AnyColumnForOrdinal] ASC)

CSS：

<a relatively normal list> things in the list</a relatively normal list>

编辑：这是一个包含更多代码的jsfiddle，它显示了会发生什么。警告：这包括一个推动STUFF的赠品。（无法弄清楚如何使用示例赠品，所以我使用了我朋友的那个。）

https://jsfiddle.net/vvqLLb1x/

Answer 1

这里的代码真的不够多，但是z-index很可能就是解决这个问题需要解决的问题。

在您的代码中，您有以下内容：

z-index: 2;

将z-index为0视为海平面。无论我们在该线上方堆叠的是什么，都将具有正z轴（以3维思考）。当您查看网页时，您正在俯视它（直升机视图）。具有最高z索引的项目将是可见的，并且具有较低z-index的项目（假设它们在彼此之上）将不可见。

页面上的某个位置必须是z-index比导航栏中的元素更高的元素。您可以将z-index提高到甚至高于个位数。

#cssmenu > ul > li > a {
  z-index: 99;
  padding: 18px 25px 12px 25px;
  font-size: 25px;
  font-weight: 400;
  text-decoration: none;
  color: #444444;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
  transition: all 1s ease;
  margin-right: -4px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #ffffff;
}
#cssmenu > ul > li > a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 97;
  width: 100%;
  height: 120%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  content: "";
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: perspective(5px) rotateX(2deg);
  -webkit-transform-origin: bottom;
  -moz-transform: perspective(5px) rotateX(2deg);
  -moz-transform-origin: bottom;
  transform: perspective(5px) rotateX(2deg);
  transform-origin: bottom;
}

没有看到你的其余代码，我无法确定。试试这个，让我知道它是否有帮助。如果没有，您可能需要再给我们一些代码来查看。我希望这有帮助。

编辑：试试这个：

html body .e-widget-preloader, html body iframe.e-embed-frame {
    z-index: -1 !important;
}

将其添加到您的css文件

Answer 2

将overflow: hidden;添加到您的CSS中，我不确定这是否可行，因为您的问题中缺少代码。

Answer 3

通过将整个事物放在div中，然后将div的z-index设置为高数来解决问题。

页面对象覆盖固定导航栏

3 个答案: