fb como botón crea un fondo blanco en la página de carga en todas las versiones ie

Question

He agregado el botón de me gusta de Facebook <fb:like href="http://mysite.com" class="myFacebook" layout="button_count" ></fb:like>.

Cuando mi página se carga en cualquiera, es decir, hay un fondo blanco notable antes de que aparezca el botón Me gusta, ¿hay alguna forma de eliminarlo?

Answer 1

Este es el iframe cargando su contenido.

Puede establecer visibility: hidden en el iframe, y luego muéstrelo una vez que se haya cargado para evitar esto.

Answer 2

Debe establecer allowtransparency="true" en iFrame.

Answer 3

simplemente ocultar el recipiente con CSS y luego mostrarlo una vez que el iframe ha cargado, esto se puede hacer de dos maneras:

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

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

Si no está utilizando esta función FB.XFBML.parse() entonces puede suscribirse un evento cuando todo se ha traducido en su lugar:

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

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

Me tomó un tiempo encontrar todo esto! Aquí hay un enlace a donde encontré mi solución: http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/

Answer 4

que tenía que hacer como esta para hacer que funcione

.fb_iframe_widget_fluid{ 
    background:none !important; 

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