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;