为什么这些按钮会流过菜单答案

【问题标题】：Why do these buttons flow over the menu为什么这些按钮会流过菜单
【发布时间】：2016-06-23 12:13:17
【问题描述】：

我目前正在建立一个网站，不知何故，标题上的两个按钮（联系方式和更多信息）一直在移动设备上的菜单上流动。不知何故，它适用于 Firefox，但不适用于其他浏览器。

链接网站：http://lwl.lightworklounge.nl/

【问题讨论】：

寻求代码帮助的问题必须在问题本身中包含重现它所需的最短代码。虽然您提供了link to an example or site，但如果链接失效，您的问题对于未来遇到相同问题的其他 SO 用户将毫无价值。

【解决方案1】：

样式.css 线路：792

nav { position: fixed; top: 0; z-index: 99999; }

样式.css 线路：690

#menuToggle input[type=checkbox] {
    display: block;
    width: 50px;
    height: 40px;
    position: absolute;
    top: -45px;
    left: 0px;
    cursor: pointer;
    opacity: 0;
    z-index: 9999;
    -webkit-touch-callout: none;
}

【讨论】：

Style.css 行：811 - 导航{位置：固定；顶部：0； z指数：9999； }
这不会解决问题，但会修复导航栏并出现新的错误。

【解决方案2】：

只需将以下代码放入您的 css 中即可。

li.button1,li.button2 {
z-index: -1;
}

【讨论】：