防止引导菜单落后于页脚

Question

我设计了一个具有顶部导航、滑块和页脚的页面。它在桌面上看起来不错，但是当我们在移动设备上打开/展开菜单时，菜单在页脚后面。

请注意，我们无法在 Slider 和 Footer 之间添加额外的空格来防止这种情况，如 this 中所述

以下是移动设备的屏幕截图：

我们如何解决这个问题？ 请帮忙

谢谢

Answer 1

在 CSS 中增加下拉菜单的 z-index。就像你的下拉菜单是这样的：

<div class="dropdown">
  <ul>
    <li><a>Home</a></li>
    <li><a>About Us</a></li>
  </ul>
</div>

您只需确保下拉列表的 z-index 大于您的页脚元素。您可以尝试增加下拉元素的 z-index，如下所示：

.dropdown {
    z-index: 999
 }

确保您的下拉列表具有静态以外的位置以使 z-index 生效，并且您为其提供的 z-index 值应大于页脚元素的 z-index 值。