Javascript 图像映射：重叠区域、高亮显示和IE

请看一下结合了普通ImageMapHTML、CSS和jQuery1.9的

jquery代码：

jQuery(document).ready(function ($) {
    $('#regions_fr').mapster({
        mapKey: 'name',
        singleSelect: true,
        fillOpacity: 0.6,
        fillColor: 'FF0000',
        onMouseover: function (evt) {
            var parts = evt.key.split('-');
            var part = parts[1];
            highlightArea(part);
        }
    });

    $('a').hover(function () {
        var parts = $(this).closest('li').attr('class').split('-');
        var part = parts[2];
        highlightArea(part);
    });
});

function highlightArea(key) {
    $('area[name=part-' + key + ']').mouseenter();
    $('a').removeClass('hover');
    $('li.menu-item-' + key + ' a').addClass('hover');
}

你可以看到法国地图，它分为几个（地理）区域。重叠您会看到一些旅游区与一个或多个区域重叠，并且彼此重叠

我现在被卡住了。我想看看具体的功能，但在尝试了几个插件和CSS技术后，我想知道是否有可能实现我想要的功能：

• 第一个需要的功能是将鼠标悬停在某个区域上，突出显示相应的文本链接，反之亦然。这是有效的：）
• 第二，地理区域“勃艮第”可以悬停，但在IE中，只有顶部可以悬停并突出显示。有什么想法吗
• 然后是两个旅游区的重叠部分。当重叠部分悬停时，我希望他们作为一个团队工作。换句话说，当我点击重叠部分时，我想看到重叠部分被高亮显示，并且“tour regio 1”和“tour regio 2”的选择框都被选中

---

我很好奇是否有人能帮我，我被卡住了。提前感谢。

IE问题可以通过删除coords中的返回来解决。显然，我不喜欢退货。不仅是勃艮第地区，还有旅游区。我不确定重叠的问题。