圆形图像链接

Question

我正在建立一个网站，我想添加一个链接到Facebook页面。 设计师给我发送了一张圆形图像来表示facebook链接。实际上，图像是一个矩形，但绘画是圆形的。 我想要的只是当图像的圆形区域时，指针才会变为“链接手”。 我可以部分实现，与此：

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

但是我得到的结果是：它正在为图像的顶边。在顶端，当我将鼠标移动到圆形外时，指针会回到箭头。 底部仍然将图像视为方形图像，并将圆形设计外的指针更改为代表链接的“手形”。 我试图为每个角落单独设置边框半径（左上角/右下角和左下角/右下角），但没有成功。 那么，有谁知道我怎么能在我的图像中获得一个圆形区域作为链接？ 在此先感谢

Answer 1

经过一些搜索使用不同的关键字后，我能够在此链接中找到一个“如何”。 http://jsfiddle.net/6UYTL/2/ 我只需要在div内添加图像。至于图片，我使用了一些风格来使其显示为圆形。

<a href="http://www.wherelionsroam.co.uk" target="_blank"> 
    <div id="a"> 
     <asp:Image ID="imgLinkFacebook" runat="server" CssClass="imgFacebook"/> 
    </div> 
</a> 

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

无论如何，谢谢。