javascriptスライダーの後ろにドロップダウンメニュー

Question

現在、私のnavメニューのドロップダウン部分は、私はすぐ下にあるjavascriptスライダーの後ろに隠れています。問題hereを参照してください。スライダ上にドロップダウンメニューを表示させるにはどうすればよいですか？

ここに、それぞれのナビゲーションメニューとスライダを含む2つのdivのCSSの一部を示します。

ナビゲーションメニュー：

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

スライダー：

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

任意のアイデア？

Answer 1

試してみてください。

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

使用 位置：あなたのNAVの最高のzインデックスを持つ絶対 をご.dropdownクラスにz-indexを追加