fbのようなボタンは、すべてのバージョンのページonloadに白い背景を作成します

Question

ボタン<fb:like href="http://mysite.com" class="myFacebook" layout="button_count" ></fb:like>のようなFacebookを追加しました。

お気に入りのボタンが表示される前に、ページが読み込まれると、白い背景が目立ちますが、これを削除する方法はありますか？

Answer 1

これは内容を読み込んでいます。iframeです。

iframeにvisibility: hiddenを設定し、一度ロードしたら表示して、これを回避することができます。

Answer 2

allowtransparency="true"をiFrameに設定する必要があります。

Answer 3

は、単にCSSでコンテナを隠し、その後のiframeがロードされたら、これは二つの方法行うことができ、それを表示する：あなたは、このFB.XFBML.parse（）関数を使用していない場合

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

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

を代わりにすべてがレンダリングされたときにイベントを購読することができます：

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