Przycisk fb like tworzy białe tło na stronie we wszystkich wersjach tj.

Question

Dodałem facebook jak przycisk <fb:like href="http://mysite.com" class="myFacebook" layout="button_count" ></fb:like>.

Kiedy moja strona ładuje się w dowolnym, tj. Widocznym białym tle przed pojawieniem się przycisku podobnego, czy istnieje sposób usunięcia tego?

Answer 1

To jest iframe ładowanie jego treści.

Można ustawić visibility: hidden na iframe, a następnie pokazać go po załadowaniu, aby tego uniknąć.

Answer 2

Powinieneś ustawić allowtransparency="true" w iFrame.

Answer 3

prostu ukryć pojemnik z CSS, a następnie wyświetlić go raz iframe została załadowana, można to zrobić na dwa sposoby:

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

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

Jeżeli nie korzystasz z tej funkcji FB.XFBML.parse(), wtedy może zasubskrybować wydarzenie, gdy wszystko zostało renderowane:

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

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

Zajęło mi trochę czasu, aby znaleźć to wszystko! Tu jest link do miejsca, gdzie znalazłem moje rozwiązanie: http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/

Answer 4

musiałem zrobić tak, aby to działało

.fb_iframe_widget_fluid{ 
    background:none !important; 

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