具有不同域src的HTML iframe：如何禁用单击但保持悬停不变

Question

我有这个iframe，其来源是其他域名。由于iframe包含一些我不想工作的链接。我正在尝试禁用点击，但需要悬停才能使用iframe。

<iframe id='myframe' style='width: 1000px; height: 700px;' src='http://www.voyant-tools.org/tool/Cirrus/?visible=335&corpus=9ecfdf31007fbd721c5b414ea9294b5c'></iframe>

我试过用css：

#myframe{
    pointer-events:none;
}

但这也会禁用悬停。如何禁用点击但保持悬停完整？

Answer 1

您可以通过在现有iframe上添加透明图层来实现所需的效果。 您必须在iframe中声明另一个<div>，然后将以下样式属性添加到它

.overlay {
background-color: rgba(1, 1, 1, 0.0);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
}