涉及绝对值和Z索引时的怪异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 ，看看是否可见。