圆形图像链接

Question

我正在建立一个网站，我想添加一个到Facebook页面的链接。 设计师给我发了一个圆形图像来代表facebook链接。实际上，图像是一个矩形，但绘画是圆的。 我想要的是指向改变为＆＃34;链接手的指针＆＃34;只有当超过图像的圆形区域时。 我可以部分实现这一点：

.imgFacebook {    
    border-radius:50%;
    height:50px;    
}

然而，我得到的结果是：它适用于图像的顶层。在顶部，当我将鼠标移到圆形外时，指针会回到箭头。 底部仍然将图像视为方形图像，并将圆形设计外的指针更改为表示链接的＆＃34; hand＆＃34; 我试图为每个角（左上/右下和左下/右）单独设置边框半径，但没有成功。 那么，有谁知道如何在我的图像中获得一个圆形区域作为链接？ 提前致谢

Answer 1

使用不同的关键字进行一些搜索后，我找到了一个＆＃34;如何＆＃34;在这个链接。 http://jsfiddle.net/6UYTL/2/ 我只需要在div中添加图像。至于图像，我使用了一些风格使其显示为圆形。

Database

非常感谢。