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>

Answer 2

在包含“位置：绝对”的 div 上，您需要添加这些样式：

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

是的，IE总是很奇怪。

Answer 3

我有一个类似的问题，我设法通过将高度和宽度设置为 div="IframeWrapper" 来解决它，然后它就起作用了！:-)

/安德烈亚斯