php - Facebook connect 登录切换回用户 breaks out of div

Question

几个小时以来，我一直在努力思考这个问题，但我想不通。通常我可以通过搜索 StackOverFlow 找到我的答案，但这次我真的被难住了。

当以 FB 用户身份登录时，“使用 Facebook 登录”按钮工作得非常好。但是当作为 FB 页面登录时，它给出了“切换回 xxxxx 用户以使用此插件”，这是完全正常的。然而，此消息的空白/白色部分超出了 div 并覆盖了我页面的其他内容!

代码如下:

<div id="LoginButton" style="margin-top:20px;width:130px;margin-left:auto;margin-right:auto;">
<?
if(!$fbuser) //Only show login button if user is not Logged In to FB
{
  echo '<div class="fb-login-button" onlogin="javascript:CallAfterLogin();" size="small" scope="email">Login w/ Facebook</div><div class="clear"></div>';
}
else
{
   //process user as a FB user
} 
?>
</div>

我试过:

• 清除 div，这似乎无关紧要
• 在 fb-login-button 中仅使用纯文本进行测试，父 div LoginButton 似乎包含罚款
• 将 fb-login-button 代码替换为来自 Facebook JS 的渲染代码 API，但按钮不再可点击

如果您浏览该网站，您可以看到存在的问题http://www.dealshongkong.com作为 FB 页面(您可以在页面左侧看到它)。

我在此处附上了我以 FB 页面登录时看到的图片(问题): http://www.dealshongkong.com/temp/stackoverflowproblem.jpg

Answer 1

我遇到了同样的问题。除了使用自定义 Facebook 登录按钮外，我没有其他办法。我刚刚构建了一个 PNG 文件并添加了一些 Facebook JavaScript API 调用。

<div id="FaceBookLoginButton" onclick="FB.login(function(response) { }, 
{scope: \'email\'});" 
style="background-image:url(/buttons/my_own_facebook_login_button.png);" 
/>
<span>Log in</span>
</div>

它适用于登录按钮。但如果您想使用其他社交插件(Like-Button、Like-Box、Send-Button 等)，您将再次遇到同样的问题。