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

Question

我在 iframe 上应用了 pointer-events: none;，它在除 Edge 之外的所有主要浏览器中都能正常工作(使用 Edge 16 进行了测试)。在 Edge 中，我仍然可以点击 iframe 内的任何内容。我还尝试将样式应用于 iframe 的父 div，但没有任何效果。注意:我不能在 iframe 中应用它

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

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

有解决办法吗？谢谢!

Answer 1

没错，CSS 属性有点问题。尝试在 app.css 中添加属性:

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

到您的 iframe 中的所有可点击元素。

从 browserstack (Edge 16) 测试它工作正常: