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

Question

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

@media only screen and (max-width: 600px) {
  .navbar-collapse{
        position: absolute;
        width: 100%;
        top: 56px; /*height of navbar in mobile*/
    }
}

我尝试使用CSS：

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

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

Answer 1

您可以通过在现有iframe上添加透明层来实现所需的目标。
您必须在iframe中声明另一个<div>，然后向其中添加以下样式属性

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