我一直在关注这个问题,但我找不到隐藏的错误。不知怎的,它重叠了,我无法显示第二个菜单。
#menu > ul > li.has-dropdown = first
#menu > ul > li.has-dropdown > ul > li.has-dropdown = second
now #menu > ul > li.has-dropdown > ul > li.has-dropdown > ul
显示,但没有文字,全部透明,我无法以某种方式显示。
答案 0 :(得分:0)
从ul.dropdown中删除“overflow:hidden”,它将显示。只需使用浏览器中的开发人员面板(F12),您就会发现这样的事情。 顺便说一下,互联网上有几个现有的下拉菜单你可以使用,只需应用你的风格,而不必处理这样的问题。
答案 1 :(得分:0)
我喜欢使用这种方法:
<ul>
<li>
<a href=''>First</a>
<ul>
<li>
<a href=''>Dropdown</a>
</li>
</ul>
</li>
<ul>
CSS:
ul{list-style-type:none;padding:0px;margin:0px;}
ul>li>ul{display:none;position:absolute;}
ul>li:hover>ul{display:block;}