RX/XE 팁
XE FAQ 는 제가 XE공홈 '묻고 답하기'에 답변한 내용들 중 일부를 정리한 내용입니다. (대부분이 제가 한 답변이죠)
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠
제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠
제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
sejin7940
조회:5271 2012.02.15 23:26
출처 | sejin7940 |
---|
플래시 동영상 등을 embed 태그로 배치하고 그 위에 div 태그를 배치할 경우
z-index 와 무관하게, 무조건 영상이나 플래시가 위로 배치되어 div를 가리는 현상이 나타난다
이는 특히나 메뉴를 드롭다운 형식으로 처리할 경우 큰 문제가 되는데..
플래시의 경우 wmode='transparent' 로 해결은 가능하다.
그런데 문제는 이 동영상 파일이다. 이건 wmode 로 해결이 안 된다.
방법은 크게 두가지가 있다
하나는 영상 자체를 플래시로 변환해서 올리는 방법이 있고 (그러면 wmode 가 작동되니)
유튜브 기반이라면 검색해보면 이 문제 해결하는 방법이 있으니 검색해보면 되고..
만약 반드시 영상으로 해야한다면.. 그나마 쓸 수 있는 방법은
영상을 wmv 형식으로 올린 뒤에, 태그 내부에 WindowlessVideo="1" 라는 속성을 넣어주면 된다
다만 이 속성 자체는, IE7,IE8,IE9 에서만 적용이 된다.
FF 에서는 적용은 안 되지만 에러가 안나지만, 크롬,사파리 등에서는 아예 영상조차 안 나오는 현상이 발생하기에
결국 현재 쓰는 브라우저를 getenv("HTTP_USER_AGENT") 를 통해 브라우저 종류를 알아내서
IE 시리즈 일 경우에만 WindowlessVideo="1" 를 적용시키면, 그나마 IE 에서라도
영상 위에 div 가 배치되도록 할 수 있다. 파폭은 원래 문제가 없고
나머지 크롬과 사파리는 현재는 내가 아는 방법이 없다...