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

 pointer-events:none; 表示它将捕获不到任何点击,而只是让事件穿透到它的下面。

 pointer-events:auto; 表示鼠标不会穿透当前层, 鼠标事件仍会监听这个父元素下面的子元素

 

1. 外层div如果已经绝对或相对定位了(并且本层有点击事件或其他执行事件继续有效,这两步执行后,外层的父元素上的事件会正常执行,同时下层元素也可点击):

position: absolute;

z-index:9999

pointer-events: none;

 

 

2. 内层div设置绝对定位:

position: absolute;

z-index:10000

pointer-events: auto;

 

你可能感兴趣的:(绝对定位元素挡住下方元素点击解决办法)