javascript - 固定要素を使用して他のものを取得するにはどうすればよいですか?

Question

サイドバーがあります

position: fixed;
float: right;
top: 40px;
right: 0;
z-index: 999;

そして、ドロップダウンメニューがあります

position: absolute;
z-index: 9999;
display: none;
right: 80px;
margin-top: 20px;

メニューはjQueryで表示されます

$(document).ready(function () {
    $(".dropdown").click(function () {
        $('ul:first', this).toggle();
    })
});

サイドバーがドロップダウン メニューの上に表示されるようになったので、実際には表示されません (サイドバーが機能することを確認するためにサイドバーを削除したので、機能することはわかっています)。

編集：ここに問題のjsfiddleがあります

Answer 1

header nav { }に、z-index: 99999; を追加します。