Facebook 分享按钮 - 自定义图片

Question

我正在尝试将 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 共享图像一起显示...您知道是否有一种方法可以为共享按钮实现自定义图像？

提前致谢！！

Answer 1

你应该这样做：

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