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

Question

这个问题我找了很多，但我找不到隐藏的错误。不知何故它重叠了，我无法显示第二个菜单。

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

网站link： http://rscomposites.101-odense.dk/

Answer 1

从 ul.dropdown 中删除 "overflow:hidden"，它将显示。只需使用浏览器中的开发人员面板 (F12)，您就会发现类似这样的内容。顺便说一句，互联网上有几个现有的下拉菜单，您可以使用并应用您的风格，而不必处理这样的问题。

Answer 2

我喜欢用这个方法：

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

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

Can't figure out how to show second dropdown

html

css

drop-down-menu