ラウンド画像リンク

Question

私はウェブサイトを構築しており、Facebookページへのリンクを追加したいと考えています。 デザイナーがFacebookのリンクを表す丸い画像を送ってくれました。実際、画像は長方形ですが、絵は丸いです。 私が望むのは、ポインタが画像の丸い領域にあるときにのみ、 "リンクハンド"に変更することです。 私は部分的にこれでそれを実現できます。

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

私は取得しています結果はしかし：それはイメージのトップ・サイドのために働いています。上の方で、マウスをラウンドの外側に動かすと、ポインタが矢印に戻ります。 下側は、イメージを正方形のイメージとして考えていて、ラウンドデザインの外側のポインタをリンクを表す「手」に変更しています。 各コーナー（左上/右下、左下/右下）にボーダー半径を個別に設定しようとしましたが、成功しませんでした。 リンクのイメージに丸みを帯びた部分があるのを誰もが知っていますか？ ありがとうございます

Answer 1

いくつかのキーワードを使用して検索した後、このリンクの「方法」を見つけることができました。 http://jsfiddle.net/6UYTL/2/ div内に画像を追加するだけで済みました。イメージに関しては、それを丸く表示するためにいくつかのスタイルを使用しました。とにかくありがとうございました。