Назначение области карты для всплывающей подсказки

Question

У меня есть bootstrap tooltip, работающий для текста и для кнопок, но когда я пытаюсь присвоить ему карту, это не похоже на то, что нужно.

Текст есть, но аккуратность бутстрапа исчезла.

Вот код:

<a> 
    <img src="http://i621.photobucket.com/albums/tt296/viktorvnh/deskone_zpswpfj5mrc.jpg" usemap="#Map"/> 
<map name="Map" id="Map"> 
     <area shape="rect" coords="374,414,624,570" href="#" data-toggle="modal" data-toggle="tooltip" title="I don't remember painting that." data-target=".modal" 
</map> 
</a> 

Answer 1

Посмотрите на этот пример:

Bootply: http://www.bootply.com/hsm6jQuk1s

Район не имеет действительно ~ положение и размер ~, так что вы имеете получил его ... Else, подсказка не знает, где она должна появиться ....

Css:

#myarea{ 
    position:absolute; 
    left:374px; 
    width:250px; 
    top:414px; 
} 

JS:

$('#myarea').tooltip();