z-index在Google Chrome＆amp;苹果浏览器。关于Firefox＆amp;歌剧

Question

我刚刚完成阅读this great post，但它对我没有帮助。

这是我正在建设的网站：http://82.230.210.84。如果您重新关闭谷歌浏览器以触发响应式设计，然后向下滚动，您将看到菜单从图像下方传递，而不是像在Firefox中那样保留在图像下方。

在代码中，所有z-index属性的position属性都设置为relative / absolute / fixed，显然值更高（{ {1}}）设置为菜单。

有关为什么菜单不能保持在WebKit浏览器上的图像上的任何建议？ 任何potentiel修复/解决方法都是最受欢迎的！

Answer 1

我可以通过添加-1 z-index修复它。

喜欢这个

.formation_domains a.formation_domain > div {
  position: relative;
  width: 200px;
  height: 125px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}

希望这有帮助。