Question

我添加了像按钮<fb:like href="http://mysite.com" class="myFacebook" layout="button_count" ></fb:like>这样的facebook。

当我的页面加载时，在出现类似按钮之前有明显的白色背景，有没有办法删除它？

Answer 1

这是加载其内容的iframe。

您可以在visibility: hidden上设置iframe，然后在加载后显示它以避免这种情况。

Answer 2

您应该在allowtransparency="true"中设置iFrame。

Answer 3

只需使用CSS隐藏容器，然后在加载iframe后显示它，这可以通过两种方式完成：

<style>#fblike { visibility:hidden; }</style> /* Hide container */

<script>
FB.XFBML.parse(document, function(){
   $('#fblike').css({'visibility':'visible'}); /* Show container once loaded */
});
</script>

如果您没有使用此FB.XFBML.parse（）函数，则可以在所有内容都已呈现时订阅事件：

window.fbAsyncInit = function () {
        FB.init({
            appId: 'APP_ID',
            xfbml: true
        });

        FB.Event.subscribe('xfbml.render',
            function () {
                 $('#fblike').css({'visibility':'visible'}); /* Show container once loaded */
            }
        );
    };

花了一会儿才发现这一切！以下是我找到解决方案的链接：http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/

Answer 4

我必须这样做才能让它发挥作用

.fb_iframe_widget_fluid{
    background:none !important;

    //If you want no padding and no margin
    padding:0 !important; 
    margin:0 !important;
}

fb like button在所有ie版本的页面onload上创建一个白色背景

4 个答案: