Jquery地图高亮和红色图像地图不能一起工作答案

【问题标题】：Jquery map hilight and rwd Image Maps not working togetherJquery地图高亮和红色图像地图不能一起工作
【发布时间】：2014-06-02 01:51:45
【问题描述】：

我无法在悬停时突出显示图像地图区域，最重要的是，我希望它也具有响应性，我从this 页面抓取响应样本并添加了 jquery 地图突出显示。突出显示工作并调整大小，但图像不调整大小。我尝试 !important 覆盖 img 上的内联样式，但这没有帮助。我还发现 this 教程处理了同样的问题，但是使用他们修改过的脚本，突出显示根本不起作用。

谁能帮帮我？

我的测试站点在这里： http://design.imago.ee/test/map-area/index.html

【问题讨论】：

标签： jquery map area

【解决方案1】：

这是我制作的一个插件，它结合了两个名为 Map-Trifect 的插件。图像不需要调整其不透明度。

你可以测试一下Here。

使用简单：

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

【讨论】：

【解决方案2】：

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

【讨论】：