为图像映射中的区域创建边框

时间:2012-05-08 13:20:16

标签: html

我正在尝试在图像映射区域周围添加边框。

以下是包含3个扇区的图像映射示例。

<body>
<img src="trees.gif" usemap="#green" border="0">
<map name="green">
<area shape="polygon" coords="19,44,45,11,87,37,82,76,49,98" href="http://www.trees.com/save.html">
<area shape="rect" coords="128,132,241,179" href="http://www.trees.com/furniture.html">
<area shape="circle" coords="68,211,35" href="http://www.trees.com/plantations.html">
</map>
</body>

如果以某种方式我可以在区域周围放置一个带有2个像素的边框,那就太棒了。

1 个答案:

答案 0 :(得分:7)

使用直接HTML / CSS无法做到这一点。虽然IE6 / 7不支持SVG,但您可以使用SVG。

您可能会发现此JavaScript插件使用:http://www.outsharked.com/imagemapster/,尤其是stroke设置。