`pointer-events：none;`不适用于Edge中的iframe

Question

我在pointer-events: none;上应用iframe，除了Edge（使用Edge 16测试）之外，它在所有主流浏览器中都能正常运行。 在Edge中，我仍然可以点击iframe中的任何内容。我也尝试将样式应用于iframe的父div，但没有任何效果。 注意：我无法在iframe

中应用它

<div style="pointer-events: none;">
  <iframe>...</iframe>
</div>

<iframe style="pointer-events: none;">...</iframe>

有解决方法吗？ 谢谢！

Answer 1

经过进一步的调查，似乎这是Edge v16（Edge / 16.16299）中的一个错误，在Edge v15及更低版本中一切正常。 因此，请注意：在Edge v16中，pointer-events: none;不会以任何方式影响iframe，即使您将其应用于父容器。

UPD：我已经向Edge开发团队提交了错误报告，他们已经在4月份发布了修复程序 https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14961910/

Answer 2

是的，那个CSS属性是它的一种错误。尝试在app.css中添加属性：

.upgrade-banner .row .col.upgrade {
    ...
    pointer-events: none;
}

到iframe中的所有可点击项目。

从browserstack（Edge 16）进行测试可以正常工作：