涉及绝对和 z-index 时的奇怪 ios 行为

Question

我有一个应该在主页中的菜单，如下所示：

<nav class="main-menu"></nav>

主菜单css很简单：

.main-menu {
  height: 30%;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 11;
}

在 ios 中（cordova 编译后），我根本看不到导航。 在导航内部，我有 3 个非常大的按钮，当我按下 ios 屏幕（导航栏应该在但未向我显示的位置）时，它会将我重定向到我想要的位置，就好像导航在那里但我只是没看到，这种奇怪行为的原因是什么？

Answer 1

你的html / body CSS 是这样设置的吗？

html, body {
    height: 100%;
}

否则，您将无法使用百分比作为高度值（相对于屏幕尺寸，这是）。您可以将高度设置为某个像素值，这也可以。

虽然这可能是z-index 问题。尝试将z-index 设置为9999 看看是否可见。