这是这个问题的延续
Image with a link in a specific point
我已经找到了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">
答案 0 :(得分：1)
将地图用作background-image：
#mapcontainer { background-image: url('path/to/map.png'); }
然后将textarea或输入对齐在同一个容器中：
#mapcontainer input[type="text"] { margin-left: 100px; margin-top: 100px; /*change as necessary*/ }
背景图像可以防止您必须在文本框中添加位置绝对/ z索引组合。
答案 1 :(得分：0)
CSS positioning将实现您正在寻找的布局。
我还建议您使用不是输入或textarea的元素。使用类似div的东西来使其成为语义。