IE9에서 유튜브 영상의 z-index 문제발생시 해결하는 방법
프로그래밍/HTML2015. 11. 18. 16:35
반응형
유튜브 영상이 내용에 올라와 있는 경우 그리고 footer가 fixed로 고정되어 있는 상태여야 하며, 유튜브영상이 iframe으로 마크업 되어 있어야 합니다. 이런 상태에서 유튜브 영상을 해당 페이지에서 스크롤 할 경우 footer 영역을 뚫고 나오는 경우가 있는데 이때 iframe 위에 링크를 걸거나 다른 제어를 걸때 z-index가 먹히지 않는 경우엔 wmode=opaque값을 추가한 후 제어를 하면 정상적으로 나오게 됩니다.
해결을 위해선
위와 같이 wmode=opaque 를 iframe에 넣어주면 유튜브 영상이 영역을 뚫고 나오는 현상을 해결할 수 있습니다.
반응형
'프로그래밍 > HTML' 카테고리의 다른 글
| 익스플로러에서 textarea 의 disabled 속성에 텍스트 색상을 지정하는 방법 (0) | 2015.11.25 |
|---|---|
| 웹표준에 맞게 td 높이를 설정하는 방법 (0) | 2015.11.11 |
| Select 태그 사용시 내부의 스타일을 제거하는 소스 (0) | 2015.08.31 |
| input태그의 자동완성 기능을 끄는 소스 (0) | 2015.08.31 |
| XHTML에서 스크립트를 오류없이 사용하는 CDATA 섹션 (0) | 2015.08.30 |
댓글()