두 번째 드롭 다운을 표시하는 방법을 알 수 없음

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가 나타납니다,하지만 텍스트, 모든 투명, 나는 어떻게 든 보여주고받을 수 없습니다.

웹 사이트 링크 : http://rscomposites.101-odense.dk/

Answer 1

제거 "오버플로 : 숨겨진"ul.dropdown에서 그것을 보여줍니다. 브라우저 (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;}