关于html中map标签的看法和总结

先说前言吧，前些日子一直在做一个项目开发没空来写博客~~今天遇到一个很棘手的问题。就是一个相对于图片定位热区和div的问题

要求：

1、把一个图片分隔成很多矩形

2、把这些矩形区域作为这个图片的热区显示

3、热区覆盖范围用红色线条描边

解决问题：我使用了jquery的一个插件jcrop（请查阅相关材料）

而这些区域显示就不用解释了，我记录下jcrop记录的四个值x1、y1、x2、y2而这个四个值组成(x1,y1)和(x2,y2)

而第一点是矩形左上角的点，而第二个点是右下角的点。而x1是第一个点距离图片左边的距离y1是距离上边的距离；x2是右下角的点距离左边的距离，y2距离上面的距离，那么这个矩形的宽度是x2-x1;高度是y2-y1

而覆盖范围需要描边，这个时候需要定义一个div，然后这div需要想对图片来定义，然后加上红色的边框就可以了~~

这里解释下style=”position:absolute;中这个是相对于父元素的一个位置，这样就可以把图片和空div定义一起然后进行想对计算。