IE 10 HTML 5 비디오 오버레이 텍스트 (Z- 인덱스)

Question

: 맨

http://stage.tremorvideo.com/new/seller

은, 루프 (음소거)의 HTML 5 비디오 자동 재생있다. 동영상에 오버레이하는 텍스트가 있어야합니다. div가 더 높은 Z- 인덱스를 갖는 텍스트를 포함하고 있음에도 불구하고 여전히 나타나지 않습니다.

해당 섹션은 class landing-page-billboard (main의 두 번째 자식)와 함께 html> body> main> 섹션에 중첩되어 있습니다.

Chrome, Safari 또는 최신 버전의 IE에서 어떤 모습인지 알 수 있습니다.

여기 무슨 일 이니? 아무도 내가 이것을 고칠 수있는 방법을 알고 있습니까?

Answer 1

z-index이 제대로 작동하려면 요소에 relative 또는 absolute과 같이 정적이 아닌 위치 지정이 있어야합니다. 문제를 해결하려면

는 다음을 추가하십시오 :

.landing-page-billboard .tout-wrapper { 
    ⋮ 
    position: relative; 
    z-index: 1; 
} 

Z- 인덱스 번호를 미쳐 필요가 없습니다. 1이면 충분합니다.