css问题！内详，大神！_html/css_WEB-ITnose

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

回复讨论(解决方案)

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

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

重新定位到中间好些吧

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