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

在包含＆＃34;位置：绝对＆＃34;的div上，您需要添加以下样式：

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

是的，IE总是很奇怪。

Answer 3

我遇到了类似的问题，我设法通过设置一个高度来解决它，并设置为div =“IframeWrapper”，之后就可以了！： - ）

/安德烈亚斯

div overlay用于阻止可点击的事件iframe在IE中不起作用

3 个答案: