Question

所以我尝试将正Z-index放在身体元素的顶部，但它仍然没有显示图像。

h1 class="center">Parallax Effect Tutorial</h1>

<div class="parallax-window"  data-parallax="scroll" data-image-src="./Home_BG.jpg" style="z-index: 100;"></div>

我的CSS：

    body {}

    .center {
        text-align: center;
    }

    .parallax-window {
        min-height: 400px;
        background: transparent;
        z-index: 100 !important;
    }

Answer 1

问题是 JQuery latest version 与 parallex.js 之间的不兼容。

兼容的Jquery版本： 1.7.0 及以上直至 2.x

不兼容的Jquery版本： 3.x 且低于 1.7.0

使用以下版本的JQuery正常工作

https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

我希望它可以帮到你

没有使用data-img-src显示视差图像？

1 个答案: