热搜:NVER node 开发 php

css问题!内详,大神!_html/css_WEB-ITnose

2024-11-11 23:15:02
css问题!内详,大神!_html/css_WEB-ITnose

问题来源:网站应用到地图。在某些特定经纬度打上了Icon标识,当鼠标点击到对应标识的时候,会有个提示框弹出如图1。现在的问题是,当在地图的上边缘处,点击Icon的适合,提示框就会被遮挡如图2。
问题就是:如何调整使得在边缘的适合,该提示框在icon的下方显示,而不是上方。在左右边缘的时候,也能正确显示。
感谢!




回复讨论(解决方案)

第一种 js 计算位置 从新定位

第二种 调整提示框弹 z-index

重新定位到中间好些吧

js获取触发点Icon标识居上的距离作为判断条件,居上距离不足则向下显示。