页面嵌入的 iFrame 在任何位置都不可点击

Question

我有一个页面 https://www.visitmontaione.com/wp4/en/montaione-tuscany-italy/services/ 嵌入了 iframe，但不可点击。

我不明白为什么。也许有一些脚本阻止了单击该元素的任何可能性。

有人可以帮助我吗？非常感谢

菲利波

Answer 1

此框架具有规则

pointer-events: none

- 这禁止对选择器进行任何操作。您需要为此规则分配一个

unset

参数，如下 -

pointer-events: unset

。

使用 howl css (style.css) 找到对

iframe

标签的引用（246 行），然后添加

pointer-events: unset!important

。你应该像这样：

iframe {
    border: 0;
    width: 100%;
    max-width: 100%;
    vertical-align: bottom;

    pointer-events: unset!important; /*add this it*/
}

Answer 2

一个选项是用可点击元素包裹 iframe

你可以将 iframe 放在按钮内

 <button><iframe></iframe></button>
    
    button {
      display : block; /* or inline-block */
    }
    button iframe {
      pointer-events : none;
      position: relative;
      z-index : 0;
    }