欢迎关注前端小讴的github，阅读更多原创技术文章
非常简单：
外层（被遮挡的层）{
pointer-events: none;
}
内层（要发生事件的层）{
pointer-events: auto;
}pointer-events属性本身有很多取值，但只有none和auto可以用在浏览器上，其他都只能应用在SVG上
取值none：元素永远不会成为鼠标事件的target
取值auto：与pointer-events属性未指定时的表现效果相同（即将元素恢复成为鼠标事件的target）
这里不要忘了给内层添加auto属性，否则被外层包裹的所有内层无法成为鼠标事件的target了
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。