我正在尝试在图像映射区域周围添加边框。
以下是包含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个像素的边框,那就太棒了。
答案 0 :(得分:7)
使用直接HTML / CSS无法做到这一点。虽然IE6 / 7不支持SVG,但您可以使用SVG。
您可能会发现此JavaScript插件使用:http://www.outsharked.com/imagemapster/,尤其是stroke
设置。