私は自分のウェブサイトにFacebookボタンでログインを追加するために以下を使用しています:
<div class="fb-login-button" data-show-faces="false" data-width="100"
data-max-rows="2" data-size="large" data-scope="xxx">Start Here</div>
これは IE9 では問題なく動作しますが、Safari/Chrome では動作しません。代わりに、次のボタンを取得します。
Facebookのロゴがなくなっていることに気付きましたか?これは、webkit では、facebook によって次の行が生成されるためです。
<i class="pluginFaviconButtonIcon img sp_login-button sx_login-button_"></i>
間違っているのは「sx_login-button_」のサイズ指定子が抜けている部分で、この場合は「大」です。IE9 では、これは代わりに「sx_login-button_large」になり、機能します。
これが webkit で機能しない理由についてのアイデアはありますか?