視差圖像不顯示data-img-src？

Question

所以我試着把正Z指數放在身體元素上面，但它仍然沒有顯示圖像。

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

我希望它能幫助你