html - 用于阻止可点击事件的 div 覆盖 iframe 在 IE 中不起作用

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 上使用滚动条，但它应该是一个不错的起点。我删除了 z-index，因为在 iframe 之后呈现拦截器意味着它将在它的“顶部”呈现。

<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>