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共享按钮 - 自定义图像

回答

相关问题