다른 메뉴 버튼 뒤에있는 메뉴 버튼 드롭 다운 텍스트.

Question

clickable dropdowns을 만들 때 겹칠 경우 드롭 다운 메뉴가 클릭 가능한 드롭 다운 버튼 뒤에 숨어 있음을 발견했습니다. 여기

가 어떻게이 문제를 해결할 수있는 예는? 다음은 드롭 다운을 만드는 데 사용되는 코드입니다.

<div class="w3-container"> 
    <div class="w3-dropdown-click"> 
    <button onclick="myFunction()" class="w3-btn">Click Me!</button> 
    <div id="Demo" class="w3-dropdown-content w3-border"> 
     <a href="#">Link 1</a> 
     <a href="#">Link 2</a> 
    </div> 
    </div> 
</div> 

은 또한 바이올린을 만들었지 만, 그것은 작동하지 않는 것 : BTW https://jsfiddle.net/n2fole00/99d8d7pj/

이이 버그로 간주됩니다?

감사합니다.

Answer 1

토니 헨슬러 (Tony Hensler)의 의견에 따르면, 그것은 z- 인덱스였습니다.

<div id="<?php echo $course->course_id; ?>" class="w3-dropdown-content w3-border" style="right:0; z-index:1;"> 

난 그냥 수정에 대한 인라인 스타일로 W3 - 드롭 다운 - 콘텐츠 사업부에 z-index:1을 추가했다.

고마워. 토니.