JQuery WOW 슬라이드/애니메이션 효과 : Z- 색인 문제

Question

저는 방금 완료 한이 사이트의 JQuery Animate에 기반한 wow.js 프레임 워크를 사용하고 있습니다 : (http://adrenalinetv.com/). 문제는 제가 슬라이드 한 애니메이션에서 발견되었습니다. 애니메이션 요소는 슬라이딩중인 요소 아래의 div 위를 슬라이드합니다. 그러면 다음 div 또는 div의 요소가 표시됩니다. 그래서 나는 생각했다. OK ... 나는 그 div의 z-index를 더 높게 만들 것이고 나의 문제는 사라질 것이다. 그러나 어떤 div 인덱스를 설정했는지에 관계없이 애니메이션 요소는 항상 슬라이드 위에 배치되어 나타납니다. 와우 자바 스크립트, animate.css 또는 스크립트 때문인지 확실하지 않습니다. 이 프레임 워크에 익숙한 사람이라면이 문제를 해결하는 방법을 알고 있습니까? 아니면 수정할 수 있습니까?

Answer 1

Z- 색인을 부여하는 요소는 정적 인 위치를 가질 수 없습니다. 따라서 상대적인 위치를 지정하면 Z- 인덱스 수정이 효과적입니다. 당신 물리적으로 가까운 것처럼 하나가 나타납니다 CSS 트릭 (http://css-tricks.com/almanac/properties/z/z-index/)로

,에서

. Z- 인덱스는 정적 (기본값) 이외의 위치 값을 갖는 요소에만 영향을 미칩니다.