html,css video를 글씨 아래로 보내는 방법관련

Question

   <figure>
        <video src="img/video.mp4" autoplay muted loop>
        <article class="txt">
            <p>UI/UX<br>Development</p>
            <ul>
                <li>
                    <i class="fab fa-playstation"></i>
                    <strong>Play This</strong>
                </li>
                <li>
                    <i class="far fa-heart"></i>
                    <strong>Favorite Item</strong>
                </li>
            </ul>
        </article>
       </video>
   </figure>

제가 지금 문제가 생기는 부분이 video태그와 acticle태그입니다. video부분을 지우면 글씨는 잘 나타납니다.

하지만 다시 생성하면 바로 글씨부분이 전부 없어집니다.

video를 배경으로 처리하고 글씨를 배경 위에 올리도록 만들고 싶은데요.

제 생각에는,

css에서 z-index를 안 해서 그런가 싶지만, z-index처리를 잘 했습니다.

크롬에서 방문기록,쿠키삭제? 그것도 해봤구요.

알려주시면 감사하겠습니다..

Answer 1

Video 태그 안에 article이 들어있어서 그런 것 같습니다

Comments

저도 계속 고민하다가 video태그 바깥으로 빼니까 되더라구요 감사합니다:)