그누보드 - 넌 이제 오빠꺼야, embed 동영상 위의 div 표시문제

넌 이제 오빠꺼야, embed 동영상 위의 div 표시문제 > 퍼블리셔팁

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

넌 이제 오빠꺼야, embed 동영상 위의 div 표시문제 정보

HTML 넌 이제 오빠꺼야, embed 동영상 위의 div 표시문제

본문

바쁜 분을 위한 Quick Tip.

embed 된 동영상 밑으로 <div>가 숨어 보이지 않을 때는

<embed> 태그에 wmode='Opaque' 를 추가해주자.

1. 이 팁을 쓰게 된 계기

수줍게 플래쉬 플레이어 뒤로 숨은 저 아이가 보이십니까?

쪽지보내기, 그래 쪽지는 받을께 그래야 너도 고백할 기회가 있을테니까 라고 말하는 듯한 수줍은 듯 도도한 저 자태,

하지만 집으로 편지 쓰는 건 안돼, 부모님이 아시면 혼나거든... 하는 새초롬함까지 모두 갖춘 모습...

코 앞에 있지만 닿을 수 없는, 가까이 하기엔 너무나 먼 당신 그 이름은 바로 사이드뷰였던 것입니다.

하지만 이렇게 수줍은 사이드뷰도, 한번 휘어잡으면 언제 그랬냐는 듯이 제쪽에서 먼저 달려드는 사태가 발생하니,

이런 부담스러운 사태는 피하고 싶다, 나의 짝사랑을 아름답게 간직하고 싶다 하시는 분은

이 팁을 건너띄세요. ㅋ 아 드럽게 길게 썼는데 재미는 없네 ㅠ

2. 자 각설하고 본론 들어갑니다.

익스에서 div 가 embed 된 동영상 밑으로 숨어버리는 현상이 있습니다. 모든 div 가 그런 건지, 동적으로 호출? 생성?되는 div 가 그런 건지는 테스트를 안해봐서, 이론이 딸려서 잘 모르겠습니다만, 우선 그누보드 사이드뷰는 동영상 밑으로 깔려버린다는 걸 첫번째 짤에서 확인했습니다.

해결방법은 <embed> 태그에 wmode='Opaque' 속성을 추가해주시면 됩니다.

(기억하기 편하게 오빠꺼 라고 읽으세요. 사이드뷰 넌 이제 오빠꺼야)

wmode 는 세가지 속성을 갖습니다.

1. Window : 기본값입니다. 모든 객체보다 상위에 위치하도록 합니다. 곰플레이어에 '항상 위' 기능 아시죠?

2. Opaque (오빠꺼) : 같은 위치에 HTML 요소가 있으면 요소보다 하위에 위치하도록 합니다.

3. Transparent : 오빠꺼랑 비슷하지만 투명도를 줄 수 있다는 점이 다릅니다. 테스트 안해봐서 뭔 소린지는 모르겠습니다. 동영상이 투명해지나보죠?

술이 덜 깼나봅니다. 써글