Maison  >  Article  >  interface Web  >  css问题!内详,大神!_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-24 11:48:231063parcourir

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




回复讨论(解决方案)

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

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

重新定位到中间好些吧

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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn