Trình đơn thả xuống ẩn sau thanh trượt javascript

Question

Hiện tại, phần thả xuống của menu điều hướng của tôi đang bị ẩn phía sau thanh trượt javascript tôi có ngay bên dưới thanh trượt. Xem sự cố here. Làm cách nào để hiển thị menu thả xuống trên thanh trượt?

Dưới đây là một số CSS cho hai div chứa trình đơn điều hướng và thanh trượt tương ứng.

Nav Menu:

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

Slider:

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

Bất kỳ ý tưởng?

Answer 1

Hãy thử thêm một z-index đến lớp .dropdown của bạn:

/* 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

sử dụng position: absolute với z-index cao nhất trên nav của bạn