大佬教程收集整理的这篇文章主要介绍了drop Navbar 在 :hover 时未打开，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
尝试制作一些响应式导航栏，当它超过 677px 时它将是一个普通的导航栏，并且在 677px 内它将响应一些汉堡包图标。 所以它在桌面导航栏上对我来说效果很好，当它需要是一个移动下拉导航时，我的下拉菜单没有打开，而 :hover the HAMBURGER 图标。
我可以得到一些帮助吗？谢谢你，祝你有美好的一天！
section nav ul {
BACkground-color: #606c38;
display: flex;
List-style: none;
flex-direction: row-reverse;
}
section nav ul li {
margin: 25px 15px;
}
section nav ul li a {
padding: 10px;
}
section nav ul li a:hover {
BACkground-color: #283618;
border-radius: 15px;
}
section nav ul li a.active {
BACkground-color: #283618;
border-radius: 15px;
}
section nav .burger {
Font-size: 1.5em;
margin: 25px 15px;
display: none;
}
@media (max-wIDth:677pX) {
section nav .burger {
display: block;
}
section nav ul li {
display: none;
}
section nav .burger a:hover {
display: block;
} <section>
<nav>
<ul>
<div class="burger"><a href="#">☰</a></div>
<li><a href="#">Contact</a></li>
<li><a href="#">services</a></li>
<li><a href="#">About</a></li>
<li><a href="#" class="active">Home</a></li>
</ul>
</nav>
</section>
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）
以上是大佬教程为你收集整理的drop Navbar 在 :hover 时未打开全部内容，希望文章能够帮你解决drop Navbar 在 :hover 时未打开所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。