div点击穿透，阻止穿透 简单易懂 一看就明白

图片压缩

百亿站点

div点击穿透，上层的点击作用不起作用
html

    <div class="aa">
    		
    </div>
    <div class="bb">
    		
    </div>
--------------------------
    .aa{
    	position: absolute;
    	top:0;
    	width:100px;
    	height: 100px;
    }
    .bb{
    	position: absolute;
    	top:0;
    	width:100px;
    	height: 100px;
    	pointer-events: none;
    }

pointer-events: none;鼠标事件设置为none即可；

阻止穿透
在js的点击事件里面添加这句话，阻止冒泡

   event.stopPropagation();

查看面试题小程序

在小程序中查看