Jquery map hilight和rwd Image map不能一起使用

Question

当鼠标悬停时，我有问题让图像地图区域突出显示，除此之外，我还希望它具有响应性，我从this页面抓取了响应性示例，并添加了jquery地图突出显示。高亮显示可以工作并调整大小，但图像不会调整大小。我试过了！重要的是要覆盖img上的内联样式，但这没有帮助。我也发现this教程解决了同样的问题，但他们修改后的脚本高亮显示根本不起作用。

有人能帮我吗？

我的测试站点在这里：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();