如何在HTML图像映射上制作一个twitter-bootstrap popover

Question

我正在制作一个网站，在网站上我没有带有图像地图的图像。

我坚持这一点，popover在标签中完美运行但不在标签中。有谁知道如何在图像地图上获得twitter-bootstrap popover？

我认为这与这一行有关：$('#example').tooltip(options) tooltip exaple

the twitter-bootstrap pover

谢谢（我希望我的英语可以理解）

Answer 1

将您的图片地图转换为（使用实际尺寸填充...px）：

<div id="#map" style="position:relative;width:...px;height:...px;background-image:...">
    <a id="map-link-1" href="/path/url/for/target/or/#"
        style="position:absolute;top:...px;left:...px;width:...px;height:...px">&nbsp;</a>
    <a id="map-link-2" href="/path/url/for/target/or/#"
        style="position:absolute;top:...px;left:...px;width:...px;height:...px">&nbsp;</a>
    ...
</div>

然后像你习惯的那样处理锚点。