Facebook登录（连接）按钮在Chrome中呈现失败 [英] Facebook login (connect) button rendering in chrome fails

问题描述

今天我意识到FB登录按钮不再在chrome中正确显示（也许是因为浏览器更新 - 谁知道）。
在IE和Chrome中查看此 http://goo.gl/mK6sf 网站。每个按钮在chrome中有一些额外的padding-top，并且iframe未正确隐藏。
这里是png预览 http://goo.gl/sfUl5

Today I realized that FB login button no longer renders correctly in chrome (maybe because of browser update - who knows). Take a look at this http://goo.gl/mK6sf website in both IE and Chrome. Each button has some extra 'padding-top' in chrome and the iframe is not hidden correctly. Here is png preview http://goo.gl/sfUl5

EDIT
如何使FB登录按钮在IE中正确呈现？你在其他网站上看到类似的问题吗？

EDIT How to make FB login button to render correctly like in IE? Do you see similar issue on other websites? Has facebook changed something or it's Chrome to blame?

EDIT2 2013-01-16
看一看这个主题： https://developers.facebook.com/bugs/592452207446912 这可能是Facebook API错误。

EDIT2 2013-01-16 Take a look at this thread: https://developers.facebook.com/bugs/592452207446912 This is probably Facebook API error. I will post a response when they fix it.

推荐答案

感谢Facebook开发人员论坛的Matt Bower的临时解决方案是：

Thanks to Matt Bower from Facebook developer's forum the temporary solution is:

#fb_login_button { 
    width: 80px; 
}
#fb_login_button span, 
#fb_login_button iframe {.
    width: 80px! important;
    height: 25px! important;
}

我还等待Facebook开发人员修复此问题。

I still wait for Facebook developers to fix this issue.

这篇关于Facebook登录（连接）按钮在Chrome中呈现失败的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！