與數據切換提示

Question

這地圖的onmouseover是這個問題

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"> 

Answer 1

使用地圖作爲background-image：

#mapcontainer { background-image: url('path/to/map.png'); } 

然後，只需對準在同一個容器內的文本區域或輸入：

#mapcontainer input[type="text"] { margin-left: 100px; margin-top: 100px; /*change as necessary*/ } 

背景圖像可防止您將位置絕對/ z-索引組合添加到文本框。

Answer 2

CSS positioning將實現您正在尋找的佈局。

我還建議你使用一個不是輸入或textarea的元素。使用類似div的東西來使其語義化。