Question

我想要锁定我现在拥有的iframe。

我想要它以便任何人都可以将鼠标悬停在它上面并且指针会出现，但它只是禁用了在其中点击的所有能力。我尝试使用pointer-events: none; css选项，但禁用了所有内容。

我似乎无法在网上找到可以通过iframe实现这一点的任何想法？

Answer 1

我认为这可能对您有所帮助：

<div title="Your title Here" style="pointer-events: none !important;  cursor: pointer;">
    <iframe id="clock1" src="http://google.com" frameborder="0" width="110" height="110" 
            style="pointer-events: none !important;  cursor: pointer;"></iframe>
</div>

Answer 2

一个简单的解决方案可能是在你的iframe上使用div作为捕获器，它具有CSS属性cursor: pointer;，这将模拟指针效果，你将阻止iframe中的所有交互。

#catcher {
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

<div id="catcher">
<iframe src="https://www.google.com" width="100%" height="100%">
</iframe>
<div>

允许鼠标仅悬停在iframe上（不点击）

2 个答案: