如何在HTML圖像地圖上製作twitter-bootsrap彈出窗口

Question

我正在製作一個網站，在網站中我沒有帶圖像地圖的圖像。

我被困在這一點上，popover在一個標籤中完美工作，但不在標籤中。有沒有人知道如何在圖像映射上獲得twitter-bootstrap彈出工作？

我覺得它有成才做這一行：$('#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> 

然後處理的你喜歡的chors習慣於。