无法弄清楚如何显示第二次下拉菜单

时间:2015-01-29 15:31:15

标签: html css drop-down-menu

我一直在关注这个问题,但我找不到隐藏的错误。不知怎的,它重叠了,我无法显示第二个菜单。

#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显示,但没有文字,全部透明,我无法以某种方式显示。

网站链接: http://rscomposites.101-odense.dk/

2 个答案:

答案 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;}