隔着一层或多层盒子操作它们下面的盒子 被称为海市蜃楼的 css3 属性pointer-events:none

记录开发中的一个小问题 上图

这个问题是鼠标在框里，下面的地图就没有反应了，不管是扩大、缩小、滚动都没有反应 一开始想的是跟事件有关系 所以就想了一下冒泡事件、捕获事件，既然提到了，这里也简单写一下 方便回忆

捕获事件

捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)

冒泡事件

冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。

网上找了张图：

回到正题

这个虽然是跟事件有关 但是却不能用事件解决 后来想到css3里有一个方法—可以让某个元素实现类似于海市蜃楼的效果，具体理解为你可以看到某个元素，但是你无法摸得着，这个方法就是pointer-events:none

然后在地图上面那个红色框里增加这个属性 就可以在框上面操作地图了