【css】pointer-events 非嵌套元素，穿透上层元素触发下层元素的事件

在这个案例中，元素A的层级在元素B上，元素B被元素A覆盖，无法触发元素B上的事件，为了解决这个问题,发现可以通过pointer-events这个属性来解决：

主要是给元素A上设置pointer-events: none,元素A被设置为不可点击状态，当点击元素A和元素B的重叠部分的时候，元素B事件被触发。

与此同时，如果想让元素A中的元素C可以被触发事件 但是元素A的其他位置仍然保持不可点击状态，可以为元素C单独设置pointer-events: auto的属性来实现。