Javascript Skrollr带滑动导航，重叠问题

我使用Skrollr修复了如下图像：

我还使用Slicknav作为菜单。不幸的是，当菜单打开时，它会在固定的“视差”图像后面打开

我试过改变定位、利润率、z指数等等！没什么帮助。我想在图片上方打开菜单

编辑：以下是一些代码： 此菜单位于div中，其class=“section-1”位于skrollr主体内

<ul id="menu">
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Staff</a></li>
    <li><a href="https://goo.gl/maps/YPs83">Map</a></li>
    <li><a href="#">Contact</a></li>
   </ul>```

有人有什么想法吗

---

谢谢大家!

回答了我自己的问题

给出了

.slicknav_菜单

：

    position: relative;
    z-index: 10;

---

不幸的是，非固定内容也有幻灯片，但我可以弄清楚

如果视差图像有一个固定的位置，除了可能固定菜单并给它更高的z索引之外，你没有什么可以做的。提供一些代码，以便我们可以看到问题。嘿，添加了一些代码-如果没有提供任何重要信息，请告诉我！

                /*--------------- 
                    Slick-NAV
                */---------------

                /* Button */
                .slicknav_btn {
                    background: none;
                }
                /* Button Lines */
                .slicknav_menu .slicknav_icon-bar {
                  background-color: #FFF2E8;
                }
                .slicknav_menu {
                    background:#212b41;
                    padding:0;
                }
                .slicknav_nav ul, .slicknav_nav li {
                    border-top:2px solid #9FBDD1;
                    margin-top:0;
                    margin-right:0;
                    margin-bottom:0;
                }
                .slicknav_nav .slicknav_item:hover {
                    background:none;
                    color: #FFF2E8;
                }
                .slicknav_nav a {
                    color: #FFF2E8;
                }

                .slicknav_nav a:hover{
                    background:none;
                    color:#FFF2E8;
                }
                .slicknav_nav .slicknav_txtnode {
                    padding: 7px 15px;
                    margin: 0;
                }
                a.slicknav_btn.slicknav_collapsed, a.slicknav_btn.slicknav_open {
                  background-color: transparent;
                }

                .slicknav_menu .slicknav_menutxt, .slicknav_brand a, .slicknav_brand {
                  color: #FFF2E8;
                  font-family: 'Codystar', cursive;
                  font-weight: normal;
                  text-shadow: 0 0px 0px #000;
                }
                /*--------------- 
                    Skrollr
                */---------------
                html, body {
                        height:100%;
                }
                .skrollr-desktop body {
                    height:100% !important;
                }
                body {
                    font-family:sans-serif;
                }
                p {
                    margin:0 0;
                }
                .parallax-image-wrapper {
                    position:fixed;
                    left:0;
                    width:100%;
                    overflow:hidden;
                }
                .parallax-image-wrapper-50 {
                    height:50%;
                    top:-50%;
                }
                .parallax-image-wrapper-100 {
                    height:100%;
                    top:-100%;
                }
                .parallax-image {
                    display:none;
                    position:absolute;
                    bottom:0;
                    left:0;
                    width:100%;
                    background-repeat:no-repeat;
                    background-position:center;
                    background-size:cover;
                }
                .parallax-image-50 {
                    height:200%;
                    top:-50%;
                }
                .parallax-image-100 {
                    height:100%;
                    top:0;
                }
                .parallax-image.skrollable-between {
                    display:block;
                }
                .no-skrollr .parallax-image-wrapper {
                    display:none !important;
                }
                #skrollr-body {
                    height:100%;
                    overflow:visible;
                    position:relative;
                }
                .gap {
                    background:transparent center no-repeat;
                    background-size:cover;
                }
                .skrollr .gap {
                    background:transparent !important;
                }
                .gap-50 {
                    height:50%;
                }
                .gap-75 {
                    height:75%;
                }
                .gap-100 {
                    height:100%;
                }
                .header, .content {
                    background:#eee;
                    -webkit-box-sizing:border-box;
                    -moz-box-sizing:border-box;
                    box-sizing:border-box;
                }
                .content-full {
                    height:100%;
                }
                #done {
                    height:100%;
                }

    position: relative;
    z-index: 10;