클릭 가능한 이벤트 차단을위한 div 오버레이 IE에서 작동하지 않는 iframe

Question

Iframe에 웹 페이지가 표시되며 해당 페이지의 모든 클릭 이벤트를 차단해야합니다. 다음 코드

<div id="IframeWrapper" style="position: relative;"> 
    <div id="iframeBlocker" style="position: absolute; top: 0; left: 0; width:95%; height:95%;z-index:2"></div> 
    <iframe id="iframewebpage" style="z-index:1" runat="server"></iframe> 
    </div> 

이 IE를 제외한 모든 브라우저에서 잘 작동 (모두 8, 9)을 사용했다. 어떤 해결 방법?

Answer 1

위의 이유가 작동하지 않는 이유를 잘 모르겠지만 이론이 모두 나에게 맞아 보이지만 배경을 설정할 때 div를 성공적으로 렌더링하는 것처럼 보입니다. 아래 코드는 iframe에서 스크롤 막대를 사용하는 것을 허용하지 않지만 OK 시작점이어야합니다. iframe이 "맨 위"에 렌더링된다는 의미에서 차단기 렌더링으로 Z- 인덱스를 제거했습니다.

<div id="IframeWrapper" style="position: relative;"> 
    <iframe id="iframewebpage" style="z-index:1" runat="server" src="http://www.w3schools.com" ></iframe> 
    <div id="iframeBlocker" style="position:absolute; top: 0; left: 0; width:95%; height:95%;background-color:aliceblue;opacity:0.1;"></div> 
</div> 

Answer 2

나는 비슷한 문제가 있었으며 높이와 widht를 설정하여 div = "IframeWrapper"로 설정 한 후 작동했습니다. :-)

/안드레아스

Answer 3

"위치 : 절대"를 포함하는 사업부에서 이러한 스타일을 추가해야합니다

{ 
    background-color: white; 
    opacity: 0; 
} 

그래, IE는 항상 이상한입니다.