jQuery maphilight-将鼠标悬停在地图区域上时，Chrome中图像下方会出现红色矩形

Question

我正在使用maphighlight插件突出显示流程图中的区域。区域是用地图区域标签定义的。 在Chrome上，这些区域已正确突出显示，但是当我将鼠标悬停在地图区域上时，图形下方（标题下）也会出现一个红色笔划。这似乎与浏览器有关，因为我在Safari中没有观察到这一点。

这是我在html中使用地图的方式（简称为更好的可读性）：

<img  id="my_image" src="{% static 'img/fig.png' %}"  style='max-height:550px;'  usemap="#my_map" class="map responsive-img" data-maphilight='{"strokeColor":"bab2b5","strokeWidth":5,"fillColor":"bab2b5","fillOpacity":0.4}'>

<map name="my_map" id="my_map_id">
    <area name="3" shape="rect" coords="40,239,267,280" text='bla' class='mapping'>
    <area name="4" shape="rect" coords="8,315,308,384" text='bla' class='mapping'>
    <area name="5" shape="rect" coords="41,421,267,462" text='bla' class='mapping'>
</map>

欢迎提供任何避免该红色矩形的建议。