Javascript 为Z索引值较低的DOM元素触发事件

有谁能帮我解决一下，如何为具有较低z索引值的DOM元素触发事件

//HTML代码

...
<div>
//Hihger Z-index element
<div id="element1" style="position: absolute;Z-index:5; height: 500px; width: 900px;"></div>    

//Lower Z-index element
<div id="element2" style="position: absolute;Z-index:2; height: 500px; width: 900px;"></div>  
</div>  

---

如果我为#element2设置了更高的Z-index值，则会触发事件。

将指针事件：无添加到css代码#element1{指针事件：无；}阅读详细信息。检查

CSS属性指针事件允许作者控制特定图形元素在什么情况下（如果有）可以成为鼠标事件的目标。未指定此属性时，VisiblePaint值的相同特征将应用于SVG内容

  <div>
       //Hihger Z-index element
        <div id="element1" style="position: absolute;Z-index:5; height: 500px; width: 900px;pointer-events:none;"></div>    

     //Lower Z-index element
     <div id="element2" style="position: absolute;Z-index:2; height: 500px; width: 900px;"></div>  
 </div>  

//Hihger Z指数元素
//下Z指数元素

将指针事件：无添加到css代码#element1{pointer events:none；}此处无法阅读更多内容<代码>元素1位于

元素2

上方。所以它捕捉了所有的事件。如果

element1

是

element2

的子元素，那么它将在事件冒泡后工作。如果前面有一个玻璃面板，你会如何按下按钮？请在这里找到解决方案。这里也有类似的回答。

  <div>
       //Hihger Z-index element
        <div id="element1" style="position: absolute;Z-index:5; height: 500px; width: 900px;pointer-events:none;"></div>    

     //Lower Z-index element
     <div id="element2" style="position: absolute;Z-index:2; height: 500px; width: 900px;"></div>  
 </div>