圓形圖像鏈接

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;  
} 

無論如何，謝謝。