2

私はこれに何時間も頭を悩ませようとしてきましたが、理解できません。通常、私は StackOverFlow を検索することで答えを見つけることができますが、今回は本当に困っています。

「Facebook でログイン」ボタンは、FB ユーザーとしてログインすると問題なく機能します。しかし、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をクリアする
  • 親div LoginButtonに含まれているように見えるfb-login-button内のプレーンテキストのみでテストする
  • fb-login-button コードを Facebook JS API からレンダリングされたコードに置き換えますが、ボタンはもうクリックできません

Web サイト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 に答える