【问题标题】:Mobile <div> hamburger menu items blocking other links on page移动 <div> 汉堡菜单项阻止页面上的其他链接
【发布时间】:2021-04-07 06:36:42
【问题描述】:

我似乎无法弄清楚为什么在移动设备上(我的网站:https://www.mchna.org/?p=news)(也可以在模拟移动设备的桌面浏览器中重现)div 汉堡菜单项(尽管除非汉堡菜单展开,否则不可见) 位于页面顶部,即使汉堡菜单尚未展开。我一直在玩所有的标签,但无济于事。这会导致我页面底部的链接无法正常工作。非常感谢任何帮助!

【问题讨论】:

    标签: html css


    【解决方案1】:

    尝试将新闻页面上的 div #main-wrap 包含在一个 div #main-content 中,类似于其他页面上的标记。

    编辑:发生这种情况的原因是#navmobile 上的z-index: 8 将这个“层”移动到其他内容的前面。通过提供内容 position: relativez-index: 10(或任何高于 8 的内容)它应该可以工作。

    【讨论】:

    • 你是救生员!这是漫长的一周!非常感谢!
    猜你喜欢
    • 2017-09-19
    • 1970-01-01
    • 2023-04-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-02
    • 2017-11-30
    • 1970-01-01
    相关资源
    最近更新 更多