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

Facebook分享按钮 - 自定义图像

1 个答案: