为图像地图中的区域制作边框 [英] Make a border to the areas in the image maps
本文介绍了为图像地图中的区域制作边框的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
以下是一个带有3个扇区的图片地图的示例。
< body>
< img src =trees.gifusemap =＃greenborder =0>
< map name =green>
< area shape =rectcoords =128,132,241,179href =http://www.trees.com/furniture.html>
< area shape =circlecoords =68,211,35href =http://www.trees.com/plantations.html>
< / map>
< / body>
如果以某种方式我可以在该区域周围放置一个2像素的边框，那就太好了。
解决方案
没有办法用直接的HTML / CSS来做到这一点。您可以使用SVG，但IE6 / 7不支持。
你可能会发现这个JavaScript插件的使用： http：//www.outsharked .com / imagemapster / ，特别是笔画设置。
I am trying to add a border around an Image Map Areas.
Here is an example of an Image map with 3 sectors.
<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>
If somehow i could place a border with 2 pixel with around the area's it would be great.
解决方案
There is no way to do this with straight HTML/CSS. You can with SVG though that is not supported by IE6/7.
You may find this JavaScript plugin of use: http://www.outsharked.com/imagemapster/ particularly its stroke settings.
这篇关于为图像地图中的区域制作边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
