jquery - 固定标题在视差图像上消失

Question

我在这里有这个网站http://new.sekanskin.com/what-we-do/正如你所看到的，我有多个视差图像和一个固定的导航栏，当我开始滚动时，我看到固定的导航栏没有越过视差，但在它后面。

我尝试将 z-index 添加到导航栏，因为我必须将 z-index 添加到视差图像才能使其显示，但是将 z-index 添加到导航栏没有任何作用。

CSS

.parallax-window, .parallax-window-2, .parallax-window-3, .parallax-window-4, .parallax-window-5, .parallax-window-6, .parallax-window-7{
    min-height: 600px;
    background: transparent;
}

.parallax-mirror {
    z-index:10000 !important;
}

.eltdf-page-header .eltdf-fixed-wrapper.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
    z-index:100000 !important;
}

标签： jquerycssparallax

Answer 1

您需要设置 div 的位置。在您的 style.css 中添加以下 css

.eltdf-side-menu-slide-from-right .eltdf-wrapper, .eltdf-content {
    position: inherit !important;
}

.eltdf-page-header {
    z-index: 11000 !important;
}