gpt4 book ai didi

css - 在第二个
  • 之后,子菜单正在消失
  • 转载 作者:行者123 更新时间:2023-11-28 17:06:43 24 4
    gpt4 key购买 nike

    我确实通过添加一些 CSS 将 Bootstrap 3 下拉行为从点击更改为悬停

    .dropdown:hover .dropdown-menu {
    display: block;
    }

    它正在工作。子菜单有2个以上<li>标签,当鼠标悬停在第二个 <li> 下方时子菜单将消失。

    <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="true">Exhibitor <span class="caret"></span></a>
    <ul class="dropdown-menu" role="menu">
    <li><a href="#">Opportunities</a></li>
    <li><a href="#">Exhibitor List</a></li>
    <li><a href="#">Market Information</a></li>
    <li><a href="#">Floor Plan</a></li>
    <li><a href="#">Pricing</a></li>
    </ul>
    </li>

    我可以悬停到 <li><a href="#">Exhibitor List</a></li>仅。

    当我到达 <li><a href="#">Market Information</a></li>子菜单消失。

    最佳答案

    问题是这个元素:

    <body>
    […]
    <section style="position: absolute;left: 0;right: 0;top: 100px;z-index:4000;">[…]</section>
    </body>

    它是菜单上方第三个元素附近的一条不可见条纹。由于它具有更高的 z-index,您将在悬停此元素时离开菜单。

    PS:这是包含链接参展商列表平面图机会的容器。

    关于css - 在第二个 <li> 之后,子菜单正在消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30183777/

    24 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com