Question

我试图弄清为什么我的右侧insnt下拉菜单悬停时可以正常工作。可能只是我想念的东西，而我显然想念它！ .vanish：hover .dropdown似乎没到现场……我在做什么错了？

https://plnkr.co/edit/Cnh6G1cGE1v4zCnuftgy?p=preview

.vanish:hover .dropdown {
   display: flex;
   flex-direction: column;
   position: absolute;
   left: -10px;
   top: -10px;
   background-color: #dcf1f2;
   border-radius: 10px;
}

Answer 1

您需要将ul.dropdown下的li移动到

：

<li class="vanish">
  <span>Account</span>
  <ul class="dropdown">
    <li><a href="#">Login</a></li>
    <li><a href="#">Sign Up</a></li>
  </ul>
</li>

一旦我这样做，悬停它就会正确显示下拉列表。（您也有一个额外的li标签）

柱塞：https://next.plnkr.co/edit/leakntv0F7pMpnWL

悬停时不显示下拉菜单

1 个答案: