point-events

记得有个同事问过我，怎么让一个图片浮在另一个图片上边，然后不影响下边图片的点击事件。 当时我的想法是事件冒泡之类的，但可惜两个图片只能是平级的，而且是以z-index的形式浮在上边的。 后来的做法是判断点击位置，解决了。 今天看到知乎上一个相关的问题，才发现当时太幼稚了。 其实只要对后者加上 point=events: none，就可以取消它的事件并穿透给后边的元素。