如何显示图像（html，javascript）的地图区域的轮廓？

如果您快速浏览下面的两个链接，您会看到大多数人想要摆脱图像上地图周围的轮廓。我发现这仅发生在MAC OS X平台上。如何显示图像（html，javascript）的地图区域的轮廓？

不过，我想要做的是显示在多个浏览器的轮廓并改变它的颜色和宽度。我尝试过，但利用。我为一个id创建了一个样式。没有工作。我尝试使用一个类，并没有奏效。我设置了内联样式，但这也不起作用。顺便说一下，我在地图和区域标签上尝试了它。

截至目前，我点击时使用gif“边框”区域。但如果我可以利用内置形状属性突出显示点击区域，它会使事情变得更加容易。

非常感谢您的帮助。

2011-10-13 user717236

这个答案看起来很有趣：

2011-10-13 20:59:52

旧版本的Internet Explorer的区域轮廓不尊重CSS。您可以通过阻止mousedown事件的默认处理来解决此问题。如果使用jquery，像

$('area').bind('mousedown',function(e) { 
    e.preventDefault(); 
});

将照顾它在页面上的所有图像映射。

另外看看我的插件：http://www.outsharked.com/imagemapster这将让你轻松处理鼠标悬停和点击事件的轮廓（和其他）效果。

2011-10-14 15:45:38

回答