html - 涉及绝对和 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 并查看它是否可见。