[英]Menu not displaying submenus
我不知道为什么这个菜单不起作用。 当我将鼠标悬停在li上时,子菜单或ul li ul不会显示,而当我将尺寸调整为平板电脑/手机宽度时,菜单可以正常工作。
<header id="site-header">
<nav class="navbar cf inner">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Portfolio</a></li>
<li>
<a href="#">Blog</a>
<ul>
<li>
<a href="#">Sub Link</a>
</li>
<li>
<a href="#">Sub Link</a>
</li>
</ul>
</li>
<li><a href="#">Contact Me</a></li>
</ul>
</nav>
</header>
您需要将此添加到您的CSS:
.navbar ul li:hover ul {
display: block;
}
为了使其显示悬停时的下拉菜单。
看到这个更新的小提琴: http : //jsfiddle.net/pak2W/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.