css 绝对定位元素挡住下方元素点击解决办法

pointer-events:none; 表示它将捕获不到任何点击,而只是让事件穿透到它的下面。
pointer-events:auto; 表示鼠标不会穿透当前层, 鼠标事件仍会监听这个父元素下面的子元素

  1. 外层div如果已经绝对或相对定位了(并且本层有点击事件或其他执行事件继续有效,这两步执行后,外层的父元素上的事件会正常执行,同时下层元素也可点击):
 position: absolute;
 z-index:9999
 pointer-events: none;
  1. 内层div设置绝对定位:
 position: absolute;
 z-index:10000
 pointer-events: auto;

你可能感兴趣的:(css,html)