Question

我在http://new.sekanskin.com/what-we-do/处有这个网站，您可以看到我有多个视差图像和一个固定的导航栏，当我开始滚动时，我看到固定的导航栏没有越过视差，而是在视差后面

我曾尝试向导航栏添加z索引，因为我必须向视差图像添加z索引才能使其显示，但向导航栏添加z索引却没有任何作用。

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

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

1 个答案: