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

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

퍼블리셔팁

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

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

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

본문

바쁜 분을 위한 Quick Tip.
embed 된 동영상 밑으로 <div>가 숨어 보이지 않을 때는
<embed> 태그에 wmode='Opaque' 를 추가해주자.
 
 
 
1. 이 팁을 쓰게 된 계기
 
2012-09-20 오전 10-09-41.png

수줍게 플래쉬 플레이어 뒤로 숨은 저 아이가 보이십니까?
 
쪽지보내기, 그래 쪽지는 받을께 그래야 너도 고백할 기회가 있을테니까 라고 말하는 듯한 수줍은 듯 도도한 저 자태,
 
하지만 집으로 편지 쓰는 건 안돼, 부모님이 아시면 혼나거든... 하는 새초롬함까지 모두 갖춘 모습...
 
코 앞에 있지만 닿을 수 없는, 가까이 하기엔 너무나 먼 당신 그 이름은 바로 사이드뷰였던 것입니다.
 
하지만 이렇게 수줍은 사이드뷰도, 한번 휘어잡으면 언제 그랬냐는 듯이 제쪽에서 먼저 달려드는 사태가 발생하니,
 
2012-09-20 오전 10-16-24.png
 
이런 부담스러운 사태는 피하고 싶다, 나의 짝사랑을 아름답게 간직하고 싶다 하시는 분은
 
이 팁을 건너띄세요. ㅋ 아 드럽게 길게 썼는데 재미는 없네 ㅠ
 
 
2. 자 각설하고 본론 들어갑니다.
 
익스에서 div 가 embed 된 동영상 밑으로 숨어버리는 현상이 있습니다. 모든 div 가 그런 건지, 동적으로 호출? 생성?되는 div 가 그런 건지는 테스트를 안해봐서, 이론이 딸려서 잘 모르겠습니다만, 우선 그누보드 사이드뷰는 동영상 밑으로 깔려버린다는 걸 첫번째 짤에서 확인했습니다.
 
해결방법은 <embed> 태그에 wmode='Opaque' 속성을 추가해주시면 됩니다.
(기억하기 편하게 오빠꺼 라고 읽으세요. 사이드뷰 넌 이제 오빠꺼야)
 
wmode 는 세가지 속성을 갖습니다.
 
1. Window : 기본값입니다. 모든 객체보다 상위에 위치하도록 합니다. 곰플레이어에 '항상 위' 기능 아시죠?
2. Opaque (오빠꺼) : 같은 위치에 HTML 요소가 있으면 요소보다 하위에 위치하도록 합니다.
3. Transparent : 오빠꺼랑 비슷하지만 투명도를 줄 수 있다는 점이 다릅니다. 테스트 안해봐서 뭔 소린지는 모르겠습니다. 동영상이 투명해지나보죠?
 
 
 
술이 덜 깼나봅니다. 써글
추천
4

댓글 8개

이팁으로 유추해 보자면 게시글 제목에 쓰인 비속어를 순화해 주시라고 쪽지를 보내려할때 발견된 버그로써 상대방이 어떻하면 기분이 나쁘지 않을까 고민고민하며 쪽지를 보낸게 느껴지는 게시글이군요.

또한 성과로 게시글 제목이 변경되고 팁도 발견되는 일석이조의 효과
전체 1,264
퍼블리셔팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT