禁用正在预览网站的 html 对象的交互性

Question

我正在使用以下代码加载网站预览：

<object class="preview" type="text/html" data="<?php echo the_sub_field('prototype'); ?>"></object>

有没有办法禁止与 link 中的元素进行交互？我想加载 link 的预览，但我不希望用户在有意义的情况下四处点击并与预览进行交互。

Answer 1

您可以使用 css pointer-events。它看起来像这样：

.preview {
    pointer-events: none;
}

查看浏览器支持：caniuse.com/#feat=pointer-events

如果您想显示另一个网站（它有几个安全功能），您还应该查看 iframe。