html地图/区域的样式工具提示

Question

是否有一种简单的方法可以为<area>中的<map>制作样式化工具提示？默认情况下，浏览器似乎将区域文本呈现为黄色文本框。但我有案例应该格式化文本。

我一直在尝试使用Twitter Bootstrap的工具提示和弹出框，但它们总是位于窗口的左上角。在0,0。

更新 - 截图＆amp;代码

告诉我们将popovers添加到饼图的区域元素中。每个<area>对应于饼图的一个部分。

$('area').popover({content:"I'm a cut off popover" ,trigger:'hover'});

我希望弹出窗口显示在悬停部分旁边。

我知道在SO中与<area>相关的类似问题。然而，我的情况不同，因为我不知道这些部分的大小和位置。因此，我无法生成自定义样式来设置顶部和左属性。

常规工具提示也是如此。他们被放在左上角。但我宁愿选择popovers，因为我需要格式化的内容。

希望这会有所帮助......

Answer 1

只是不要使用title属性来执行这个淡黄色的浏览器工具提示。

对于自定义工具提示，您必须使用自定义解决方案（显然基于javascript）。我建议你使用一个库（比如jQuery）并找到一个工具提示插件，它能做你想做的事情this one

更新

对于bootstrap工具提示的css问题，看起来存在位置问题。请提供更多代码，以便我们了解其中的内容。

Answer 2

答案是这是Bootstrap中的一个错误 https://github.com/twitter/bootstrap/issues/5000