下面这段代码中，如何给每个图片加上不同的链接呢？
图片是不规则的地图形状，div都设置了决定定位，不觉对定位的话地图的位置就变了,加上链接以后鼠标点没反应。
<div class="thebox">
    <div><img src="image/Shanxi_green.png" /></div>
    <div><img src="image/Shannxi_green.png" /></div>
    <div><img src="image/yunnan_green.png" /></div>
    <div><img src="image/Guizhou_green.png" /></div>
    <div><img src="image/Hunan_green.png" /></div>
    <div><img src="image/Hubei_green.png" /></div>
</div>
样式为：
.thebox {
    width:660px;
    height:530px;
    background:url(image/shadow.png) no-repeat #d0eff2;
}
.thebox div {
    position:absolute;
}

这个链接要通过鼠标点击生效的，上面的div会挡住下面的div，鼠标点不到的。