자바 스크립트 슬라이더 뒤에 숨겨진 드롭 다운 메뉴

Question

현재 내 탐색 메뉴의 드롭 다운 부분은 바로 아래에있는 자바 스크립트 슬라이더 뒤에 숨겨져 있습니다. 문제는 here을 참조하십시오. 슬라이더 위에 드롭 다운 메뉴를 표시하려면 어떻게합니까?

다음은 각각의 탐색 메뉴와 슬라이더가 포함 된 두 div에 대한 CSS의 일부입니다.

탐색 메뉴 :

#nav { 
width:1024px; 
height:20px; 
border-bottom:1px solid #ccc; 
} 

슬라이더 :

#slider { 
width:1024px; 
height:300px; 
background: #353A33; 
padding-bottom:5px; 
} 

어떤 아이디어?

Answer 1

시도에서 z-index 당신의 .dropdown 클래스에 추가 :

이

/* Navigation Style */ 
.dropdown { 
    position:relative; 
    font-family: arial, sans-serif; 
    height:50px; 
    width:100%; 
    font-size:14px; 
    color:#ffffff; 
    background:#353A33; 
    z-index:1000; 
} 

Answer 2

사용 위치 : 가장 높은 Z-인덱스 절대 당신의 탐색