涉及絕對值和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 ，看看是否可見。