html - 允许点击同时作用于两个重叠的元素

Question

我有一个 iframe，其中调用的页面都在一个<a>标签内。当我单击时，它可以工作。具有挑战性的是 iframe 与按钮重叠，现在我无法单击该按钮。我希望点击会同时作用于两者。该按钮也包含在<a>标签中。

有没有可能的方法？我正在使用 Angular，但我想这不重要。

所以我有

<button (click)= "loadData(6)" style = "position:absolute; top:42%; left:46.5%;">Start</button>

<iframe src = "abc.html" class = "pos"></iframe>

iframe 完全覆盖了按钮。abc.html 有代码：

<a name = "subE" id = "subE" href="/button/<two>" class="button" style="display: inline-block;width: 100%;height: 100%;">
</a>

标签： htmlangularjsclickoverlapping