我有一张带有图像地图的图像，我需要用半透明的div和锚点覆盖。由于图像和图像映射在页面之间不同，因此实际代码会动态生成图像映射，重复使用单个div和锚点来覆盖链接。
您可以在Fiddle上看到代码的简化版本。我已经适合在Firefox和IE中使用它。由于代码现在，它可以在两者中工作，但是如果你慢慢地将鼠标移动到IE中黄色框的左侧，那么“高亮”div中的白色背景就会被遗忘。每次都会触发mouseleave函数 - 您可以判断是否取消注释警报 - 所以看起来问题出现在这一行：
$('#highlight').css('display', 'none');
当我将高亮显示div的锚点中的CSS更改为高亮显示div本身时，我在Firefox和IE中存在挥之不去的div问题。使用突出显示a：hover，它只发生在IE和Firefox工作正常。
如果我将“background-color：white”从高亮框的内联CSS中删除，则代码在IE中失败;突出显示根本没有显示。
我尝试过使用多种不同的方法，包括使用JQuery中的不同函数在a：hover伪类和高亮div本身之间切换CSS，并且在IE中没有可靠的工作。
我已经看过一些像MapHilight这样的JQuery插件，它们会导致我必须使用的其他一些代码出现问题。
任何人都可以看到我缺少的东西，以便在IE和其他浏览器中可靠地工作吗？