Question

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

修改如何让FB登录按钮像在IE中一样正确呈现？你在其他网站上看到类似的问题吗？ Facebook有变化的东西还是Chrome的责任？

EDIT2 2013-01-16 看一下这个帖子：https://developers.facebook.com/bugs/592452207446912这可能是Facebook API错误。我会在修复时发布回复。

Answer 1

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

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

我还在等Facebook开发人员解决这个问题。

Answer 2

您无法在iframe中使用登录插件。请使用JavaScript SDK和XFBML或HTML5实现。试试这段代码：

<fb:login-button show-faces="false" width="200" max-rows="1"></fb:login-button>

Chrome中的Facebook登录（连接）按钮渲染失败

2 个答案: