禁用iFrame中的链接
我遇到了麻烦，试图禁用iframe中的链接。 我正在尝试创建一个透明的div，将覆盖iframe的顶部，以便链接不起作用。 任何人愿意帮忙？
<div id="framearea" style="border: 2px solid #000000; margin: 0px auto; width: 500px;">
<div id="framecover" style="position:absolute; z-index: 2; height: 100%; width: 100%"><img src="dot.gif" width="100%" height="100%" border="0">
<iframe id="scoreboard" scrolling="no" src="http://www.espn.com" style="border: 2px solid; margin-left: 20px; height: 400px; margin-top: -170px; width: 312px; z-index: 1"></iframe>
</div>正如我以前指出的那样，在此链接中使用接受的答案将执行您想要的操作。
但总结一下，我会在答案中使用相同的代码，并稍微改变它以满足您的需求：
#container {
width: 700px;
height: 700px;
position: relative;
}
#framearea,
#framecover {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#framearea{
z-index: 1;
}
#framecover {
z-index: 10;
}
#scoreboard{
width: 100%;
height: 100%;
}<div id="container">
<div id="framearea">
<iframe id="scoreboard" scrolling="no" src="https://www.godaddy.com"></iframe>
</div>
<div id="framecover">
<img src="dot.gif" width="100%" height="100%" border="0">
</div>
</div>