HTML无法用鼠标到达元/无法通过父div的点击

-1

<div id="absoluteWrapper" style = "z-index:-11; pointer-events: none;"> 
    <div id="wrapper" style = "z-index:-11; pointer-events: none;"> 
     <div id="leftWrap" style = "z-index:-11; pointer-events: none;"> 
      <div id="miniWrapL" style = "z-index:-11; pointer-events: none;"> 
       <div id="aboveMapPic" style = "pointer-events: none;"> 
        <img src="images/aboveMap.png" alt="" /> 
       </div> 
       <div id="map"></div> 
      </div> 
     </div> 



     <div id="rightWrap"> 

      <div id="miniWrapR"> 

      </div> 

     </div> 

    </div> 
</div>

一个这里的“最内层”的div中，一个用“的ID。地图“包含一个来自Google地图API的地图，经过使用JavaScript和控制台的广泛测试后，我意识到我的”点击“事件没有达到它（因此我无法放大和缩小，这是一个问题）

我已经将其所有（其中一些绝对定位）父母的Z指数设置为荒谬的低值，我甚至尝试在它们上设置指针事件等于无...仍然无法正常工作。

请注意，当我从这个“堆栈”的父母点击地图，拖动它，放大和缩小的作品很好。

我已经在铬和Firefox中测试了这个。

帮助我欧比一个克诺比...等

但严重的是...你家伙有任何建议，是什么原因造成这种或如何解决呢？我可以在div上添加一个over，但考虑到我需要点击实际的div，因为它与google mpas API进行通信......这将是一件相当困难的事情。

来源

2016-05-23 George H

复位指针的事件为auto ID =“地图” :) –

如果删除“指针事件”，则适用：https：//jsfiddle.net/4qx92zoL/ –

逻辑是休息指针事件#map （没有你的了代码，可能是somethingelse）

<div id="absoluteWrapper" style = "z-index:-11; pointer-events: none;"> 
    <div id="wrapper" style = "z-index:-11; pointer-events: none;"> 
     <div id="leftWrap" style = "z-index:-11; pointer-events: none;"> 
      <div id="miniWrapL" style = "z-index:-11; pointer-events: none;"> 
       <div id="aboveMapPic" style = "pointer-events: none;"> 
        <img src="images/aboveMap.png" alt="" /> 
       </div> 
       <div id="map" style = "pointer-events: auto;"></div> 
      </div> 
     </div> 



     <div id="rightWrap"> 

      <div id="miniWrapR"> 

      </div> 

     </div> 

    </div> 
</div>

来源

2016-05-23 16:57:20

HTML无法用鼠标到达元/无法通过父div的点击

回答

相关问题