Question

dreamweaver网页制作，用HTML如何做一个不规则图形的链接呢？

想做一个圆形的链接按钮，之前用map描点来做，把图片img镶嵌在div标签里，图片宽度属性想用用百分比做，让img图片充满div区域
如<img src="222.gif" border="0"usemap="#Map" style="width:100%;"/>；但是改变div宽度的大小时，原来描出来的链接区域（阴影）与链接图片（黑色）不从重合了（如图），也就是链接大小固定

请问，如何做解决这个问题？当改变图片大小，链接区域跟这变？
有没有更好的做一个不规则链接按钮的方案？要求图片在div里，不论div大小怎么变，图片依旧是链接。

Answer 1

• 首先插入一张不规则的图片，如下图：

• 当选中这张图片的时候，在箭头方向出现了这种不规则的图标，如下图：

1. 然后用不规则的图标去绘制一个不规则的图案就行了，如果是偏圆弧型，可以在绘制的时候多绘制几个节点。

• 绘制完成多边形的矩形以后，就可以添加超链接了。

以后演示软件的版本为：Dreamweaver CS6

Answer 2

这个问题问的好，我目前还没有接触过这样问题的解决方案，我能给你一个我摸出来的方法，用JS获取DIV的大小，获取相对原型图片大小，对map标签用-webkit-tranform:scale(x倍率,y倍率)就可以解决了