我正在 iframe 之上构建一个 UI 覆盖层。Overlay 阻止 iframe 滚动。pointer-events： none 导致覆盖悬停不起作用。想法？

问：

我有一个 iframe，我可以控制其内容。我在它上面覆盖了一组 ui 控件。覆盖覆盖了 iframe 的大部分。

为了滚动 iframe，我发现唯一的解决方案是设置指针事件：在我的覆盖层上没有。但是，这可以防止指针事件，哈哈。

我通过设置指针事件解决了一个问题（拖放）：所有在拖动开始时。

但是，我仍然需要 css ：hover 来处理我的覆盖层。我不在乎这是通过 js 事件还是 css ：hover 完成的，但我想在悬停时突出显示覆盖层，同时仍然能够滚动下面的 iframe。无论如何，这是可能的吗？

在附图中。蓝绿色框位于叠加层上。浅灰色框位于 iframe 上。我将 iframe 灰色框的位置映射到叠加的蓝绿色框，以显示 iframe 上的放置区。顶部标题和侧边栏位于主机站点上，带有所有灰色框的主区域中的内容位于 iframe 上。

我有postmessage设置来进行双向通信。我有一个脚本来获取 iframe 中某些元素的位置，我用它来映射叠加层。

但是我无法弄清楚如何在悬停覆盖层时同时仍然允许滚动 iframe。拖动仅有效，因为我在拖动开始时将所有指针事件设置为全部。但我不能为悬停这样做。