Facebook共享按鈕 - 自定義圖像

我正在嘗試將Facebook的共享按鈕集成到我的頁面中。我正在使用以下代碼：Facebook共享按鈕 - 自定義圖像

<a name="fb_share"></a> 
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" 
     type="text/javascript"> 
</script>

這會生成圖像和共享代碼。不過，我正在嘗試將我自己的圖片用於分享按鈕。我正在使用以下代碼：

<a name="fb_share"><img src="fb.png" /></a> 
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" 
     type="text/javascript"> 
</script>

其中fb.png是具有FB徽標的自定義圖像。

問題是我的圖像與左邊的通用Facebook共享圖像一起顯示...您知道是否有方法實現共享按鈕的自定義圖像嗎？

在此先感謝！

來源

2012-04-29 user1170949

我認爲Facebook禁止其按鈕的編輯。我想做同樣的事情，並放棄... – Teak

你應該做的一招是這樣的：

HTML：

<a id='share'><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" 
    type="text/javascript"></script></a>

CSS：

#share *{ 
    filter:alpha(opacity=0.1); 
    opacity:0.01;/*Hide Facebook button*/ 
} 

#share{ 
    display:inline-block; 

    /*The width and height of your image. Not bigger than the Like button!*/ 
    width: 10px; 
    height: 10px; 

    /*Your image*/ 
    background:url(fb.png); 
}

來源

2012-05-30 12:32:32 user2428118

是「不大於類似按鈕」，因爲

相關問題

Facebook共享按鈕 - 自定義圖像

回答

相關問題