Question

所以我正在制作一个网页，我有这个超级菜单，当我将鼠标悬停在其上时，它将打开项目，但是当我将鼠标悬停在其上时，它将被隐藏。

反正这是HTML代码：

<li class="dropdown mega-dropdown megaDropdown">
  <a href="#" class=" nav-link dropdown-toggle" data-toggle="dropdown">Activities<span class="caret"></span></a>
  <ul class="dropdown-menu mega-dropdown-menu">
    <li class="col-md-12">
      <div class="owl-carousel owl-theme navbar-carousel">
        <div class="item">
          <a href="#" class="nav-link">
            <img src="assets/01.png" alt="">
            <div class="carousel-navitem">
              Jump
            </div>
          </a>
        </div>
        <div class="item">
          <a href="#" class="nav-link">
            <img src="assets/01.png" alt="">
            <div class="carousel-navitem">
              Climb
            </div>
          </a>
        </div>
        <div class="item">
          <a href="#" class="nav-link">
            <img src="assets/01.png" alt="">
            <div class="carousel-navitem">
              Leap
            </div>
          </a>
        </div>
        <div class="item">
          <a href="#" class="nav-link">
            <img src="assets/01.png" alt="">
            <div class="carousel-navitem">
              Slide
            </div>
          </a>
        </div>
        <div class="item">
          <a href="#" class="nav-link">
            <img src="assets/01.png" alt="">
            <div class="carousel-navitem">
              Zip n'Trail
            </div>
          </a>
        </div>
        <div class="item">
          <a href="#" class="nav-link">
            <img src="assets/01.png" alt="">
            <div class="carousel-navitem">
              Skate n'Ride
            </div>
          </a>
        </div>
      </div>
    </li>
  </ul>
</li>

这是我设置的CSS代码，用于在悬停时对超级菜单触发器进行管理：

li.dropdown:hover > .dropdown-menu {
display: block;

}

因此，你们所有人都可以帮助我防止将大型菜单项悬停在菜单上时消失。

，然后再次点击鼠标悬停时，大型菜单就会触发

最好的问候。

Answer 1

将此CSS添加到样式中，当您将鼠标悬停在项目上时，它应该保持可见。除非它们之间存在间隙。如果是这样，请告诉我。

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

防止大型菜单项在悬停时自动隐藏

1 个答案: