修复了 Header 在视差图像上消失的问题

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;
}

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;
}

修复了 Header 在视差图像上消失的问题

Fixed Header disappears over parallax image

css

jquery

parallax