我想在图像映射区域周围添加边框.
以下是具有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个像素的边界,周围的区域就会很棒.
解决方法
使用直接HTML / CSS无法做到这一点.尽管IE6 / 7不支持SVG,但您可以使用SVG.
你可能会发现这个JavaScript插件使用:http://www.outsharked.com/imagemapster/特别是它的笔触设置.