将地图区域（坐标） - 指定为悬停时显示的文本

Question

所以我发现了如何对文本进行编码，以便在悬停图像时显示，但我似乎无法使其与地图一起使用。

这是HTML。

<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-target="#myModal"/>
    </map>
</a>

地图区域被分配给模态，我还想将其分配给悬停时显示的文本...

...使用这个CSS脚本：

  a {
    display: inline-block;
    position: relative;
}
.caption {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.6);
    color: #f90;
    font-weight: bold;
    line-height: 1.1em;
}
a:hover .caption {
    display: block;
}