用css穿透绝对定位层使下层事件可用

场景: 在处理 echart 地图时,通常需要使用绝对定位或者相对定位覆盖元素在地图的表面之上,比如说某个地图的需要添加一个旗杆标识,同时保持底层地图不被重新渲染。那么这个时候,这个标杆元素就会有可能影响到下层地图点的事件,从而导致事件无法被触发。这时候就可以通过下面的代码来进行处理:

MDN链接:https://developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events#browser_compatibility

在定位的元素上加上以下代码:

pointer-events: none;
本文链接:
版权声明:自由转载-署名-非商业性使用 | CC BY-NC-SA 3.0 CN许可协议。

评论 (2)

当前评论模式:游客模式,系统将自动生成相关数据信息。《内容规范》你的账号名为:
9UzUO9

游客
·
1 年前
KMGUfI

游客
·
1 年前