Chrome登录（连接）按钮在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

编辑
如何让FB登录按钮在IE中正确呈现？你在其他网站上看到类似的问题吗？有Facebook改变了某些东西还是Chrome的怪？

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
看看这个线程： a href =https://developers.facebook.com/bugs/592452207446912 =noreferrer> 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.

推荐答案

感谢Matt开发者论坛上的Matt Bower，临时解决方案是： p>

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.

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