2

几个小时以来，我一直试图解决这个问题，但我无法弄清楚。通常我可以通过搜索 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 似乎包含很好
  • 用 Facebook JS API 中的渲染代码替换 fb-login-button 代码，但按钮不再可点击

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

我在这里附上了一张我在以 FB 页面登录时看到的图片（问题）： http: //www.dealshongkong.com/temp/stackoverflowproblem.jpg

4

1 回答 1

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...），您将再次遇到同样的问题。

于 2013-04-03T15:37:12.017 回答