div가 Windows 컴퓨터의 iframe 아래에 표시됨

Question

iframe, 탐색 및 로고가있는 웹 사이트를 만들어야합니다.

그래서 iframe의 src는 html 파일이고 html 파일에는 플래시 비디오 인 파노라마가 포함되어 있습니다. 그래서 나는 z-index를 사용하여 iframe이 내 div 아래 nav 및 로고를 포함하도록했습니다. Mac을 사용하는 경우 Chrome, Firefox, Safari에서 작동합니다. 그런 다음 Windows 컴퓨터에서 웹 사이트 테스트를 시도했으며 웹 사이트는 Chrome에서만 완벽하게 렌더링됩니다. Firefox, Safari 및 IE는 iframe 아래에 div를 배치합니다 (따라서 전체 div가 표시되지 않습니다).

내 연구를 수행했습니다. 분명히 플래시 동영상은 z- 색인 값의 영향을받지 않습니까? 그리고 제 3 자에게 있기 때문에 플래시의 wmode를 바꿀 수는 없습니다.

이 문제에 대한 해결책은 무엇입니까? 고맙습니다.

Answer 1

iframe의 div 컨테이너를 빌드하고 Z- 색인을 지정하십시오.

HTML

<div id="iframe"> 
    <iframe src="#"> 
</div> 

CSS

#iframe { z-index: 10000; }