为什么这些按钮会在菜单上流动

Question

我目前正在建设一个网站，但 header 上的两个按钮（联系方式和更多信息）以某种方式一直在移动设备的菜单上滚动。它以某种方式在 Firefox 上有效，但在其他浏览器上无效。

Link 网站：http://lwl.lightworklounge.nl/

Answer 1

Style.css 行：792

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

Style.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;
}

Answer 2

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

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