2016-10-07 7 views
0

그래서 Z- 인덱스를 본체 요소 위에 올려 놓으려고했지만 Z- 인덱스는 여전히 이미지를 표시하지 않습니다.시차 이미지가 data-img-src에 표시되지 않습니까?

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

답변

0

문제는 JQuery latest versionparallex.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

나는 당신에게

도움이되기를 바랍니다
관련 문제