fb như nút tạo ra một nền trắng trên trang onload trong tất cả các phiên bản tức là

Question

Tôi đã thêm facebook như nút <fb:like href="http://mysite.com" class="myFacebook" layout="button_count" ></fb:like>.

Khi trang của tôi tải trong bất kỳ nghĩa nào, có một nền trắng đáng chú ý trước khi nút tương tự xuất hiện, có cách nào để xóa trang này không?

Answer 1

Đây là nội dung iframe tải nội dung của nó.

Bạn có thể đặt visibility: hidden trên iframe và sau đó hiển thị nó sau khi đã tải để tránh điều này.

Answer 2

Bạn nên đặt allowtransparency="true" trong iFrame.

Answer 3

Đơn giản chỉ cần ẩn chứa với CSS và sau đó hiển thị khi iframe đã nạp, điều này có thể được thực hiện theo hai cách:

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

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

Nếu bạn không sử dụng chức năng FB.XFBML.parse() này thì bạn có thể đăng ký một sự kiện khi mọi thứ đã hiển thị thay thế:

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

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

Hãy cho tôi một thời gian để tìm hiểu tất cả! Dưới đây là một liên kết đến nơi tôi tìm thấy giải pháp của tôi: http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/

Answer 4

tôi phải làm như thế này để làm cho nó hoạt

.fb_iframe_widget_fluid{ 
    background:none !important; 

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