js中如何触发被覆盖的按钮的事件

Question

现在有一个iframe页面上有几个按钮。这个iframe会被一个透明的图片覆盖，现在点击这个按钮不会触发事件，因为点击到了那个透明图片。有没有什么方法能触发被覆盖的元素的点击事件？或者有什么其他思路

Answer 1

CSS pointer-events 属性
设置元素是否对指针事件做出反应：

div.ex1 {
  pointer-events: none;
}

div.ex2 {
  pointer-events: auto;
}

在覆盖的元素添加这个属性，点击事件可以穿透，触发被覆盖元素的指针事件

Answer 2

那能把按钮放在透明图片前面吗?通过position 与z-index应该是能实现的