Jquery地图突出显示和rwd图像地图不能一起工作

Question

我有问题让图像地图区域在悬停时突出显示，并且我希望它也能响应，我从this页面抓取响应样本并添加了jquery地图高亮显示。 突出显示有效并调整大小，但图像不会调整大小。我试过！重要的是覆盖img上的内联样式，但这没有用。我还发现this教程处理同样的问题，但是使用修改后的脚本，突出显示根本不起作用。

有人能帮助我吗？

我的testsite在这里： http://design.imago.ee/test/map-area/index.html

Answer 1

请注意，如果图片不透明，您可能需要降低图片的不透明度，以使该解决方案（Responsive image maps with roll-overs）正常工作

Answer 2

这是我组合的两个名为Map-Trifect的插件。图像不需要调整其不透明度。

您可以对其进行测试Here。

简单易用：

$("img[usemap]").mapTrifecta();