Question

在我的网站上，我构建了一个包含链接的页面： https://weerpagina.warnez.com/links/ 一切顺利，直到我添加了子菜单（例如参见＃39;网络摄像头＆＃39;），当您将鼠标悬停在菜单项上时，会显示子菜单，但部分隐藏在页脚后面。结构（带有z索引，仅在我的开发环境中）如下：

＆＃13;

<div id="wrapper"> --> z-index:1;
   <header>...</header> --> z-index:100;
  <div id="main">...</div> --> z-index:50
  <footer>...</footer> --> z-index: 1
</div>

＆＃13;

仍然是子菜单（来自＆＃34; main＆＃34;）隐藏在页脚后面。

我尝试添加到＆＃34; main＆＃34;，＆＃39;溢出：可见＆＃39;并且这有效，除了它导致我的管理区域中的某些表在X方向溢出，这是一种不受欢迎的行为。然后我尝试了overflow-x：scroll和overflow-y：visible，但显然当你使溢出-y：可见时，overflow-x会自动自动。所以这也不起作用。（见overflow-y:visible not working when overflow-x:hidden is present）。无论如何，我更喜欢通过z-index解决它。

非常感谢任何帮助！

亲切的问候，

巴特

Answer 1

我认为“#main”具有“overflow：auto”并且将菜单保留在里面。

您应该忽略管理区域，或者您可以在“body”处应用一些全局类名来区分admin和frontend。

然后保持管理页面的溢出设置，并使#main溢出：在前端显示。

z-index似乎不起作用

1 个答案: