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

Posted 2023-03-15

【中文标题】涉及绝对和 z-index 时的奇怪 ios 行为

【英文标题】：Weird ios behaviour when absolute and z-index are involved

【发布时间】：2015-03-29 08:25:30

【问题描述】：

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

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

主菜单css很简单：

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

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

【问题讨论】：

把html代码也贴出来...

【参考方案1】：

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

html, body 
    height: 100%;

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

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

【讨论】：

你能再发一些 HTML 吗？

另外，内部按钮的 CSS 属性将帮助我更多地了解您的问题。

就像我说的，它看起来像一个 z-index 问题，只是元素在那里！但由于某种原因没有显示，这意味着我按下元素应该在的屏幕（但我没有看到它），它会做它应该做的事情

如果是z-index问题，只需将其设置为9999即可解决。您是否设置了其他样式属性？像我一样，Banik 指出：更多代码将有助于理解这个问题。

但如果是 z-index 问题，为什么按钮是“可按下的”？