使用数据切换工具提示映射鼠标悬停
Map onmouseover with data-toggle tooltip
这是这个问题的延续
我找到了 属性 onmouseover 并且我认为非常有趣的是它可能会触发一个函数。
好吧,我必须在我归因于 onmouseover 的地图区域的顶部显示一个工具提示 属性。
有什么办法可以做到这一点吗?
我一直在尝试做,但我无法在该区域的顶部显示它,只能分开
这是我试过的:
<area id="test" data-toggle="tooltip" data-placement="left" title="Tooltip on left" shape="rect" href="" onmouseover='' onmouseout='' coords="750,435,540,300">
将您的地图用作 background-image
:
#mapcontainer { background-image: url('path/to/map.png'); }
然后只需对齐同一容器内的文本区域或输入即可:
#mapcontainer input[type="text"] { margin-left: 100px; margin-top: 100px; /*change as necessary*/ }
背景图像使您不必向文本框添加绝对位置/z-index 组合。
CSS positioning 将实现您正在寻找的布局。
我还建议您使用不是输入或文本区域的元素。使用类似 div 的东西来使其语义化。
这是这个问题的延续
我找到了 属性 onmouseover 并且我认为非常有趣的是它可能会触发一个函数。
好吧,我必须在我归因于 onmouseover 的地图区域的顶部显示一个工具提示 属性。
有什么办法可以做到这一点吗? 我一直在尝试做,但我无法在该区域的顶部显示它,只能分开
这是我试过的:
<area id="test" data-toggle="tooltip" data-placement="left" title="Tooltip on left" shape="rect" href="" onmouseover='' onmouseout='' coords="750,435,540,300">
将您的地图用作 background-image
:
#mapcontainer { background-image: url('path/to/map.png'); }
然后只需对齐同一容器内的文本区域或输入即可:
#mapcontainer input[type="text"] { margin-left: 100px; margin-top: 100px; /*change as necessary*/ }
背景图像使您不必向文本框添加绝对位置/z-index 组合。
CSS positioning 将实现您正在寻找的布局。
我还建议您使用不是输入或文本区域的元素。使用类似 div 的东西来使其语义化。