드롭 다운 메뉴 z 순서

Question

내가 드롭 다운 메뉴가 있습니다

<div class="buttons"> 
    <div class="dropdown"> 
    <a href="#" class="button"><span class="label">File</span><span class="toggle"></span></a> 
    <div class="dropdown-slider"> 
     <a href="#" class="ddm"><span class="label">New</span></a> 
     <a href="#" class="ddm"><span class="label">Save</span></a> 
    </div> <!-- /.dropdown-slider --> 
    </div> <!-- /.dropdown --> 
    </div> 

을 그리고 여기 JS 코드 : 나는 두 개의 메뉴를 넣을 경우

<script> 
     $(document).ready(function() { 

      // Toggle the dropdown menu's 
      $(".dropdown .button, .dropdown button").click(function() { 
       $(this).parent().find('.dropdown-slider').slideToggle('fast'); 
       $(this).find('span.toggle').toggleClass('active'); 
       return false; 
      }); 

     }); 

     // Close open dropdown slider by clicking elsewhwere on page 
     $(document).bind('click', function (e) { 
      if (e.target.id != $('.dropdown').attr('class')) { 
       $('.dropdown-slider').slideUp(); 
       $('span.toggle').removeClass('active'); 
      } 
     }); 
    </script> 

(위 아래) 나는거야 팝업 메뉴를 두 번째 메뉴 줄 아래에 추가하십시오.

는 는

내가 그것을 어떻게

을 를 해결할 수

?

Answer 1

z-index:999;에서 div.dropdown-slider까지 추가하면 문제를 빨리 해결할 수 있습니다.