Facebook登录按钮渲染不正确

时间:2013-02-01 09:37:58

标签: html facebook

我正在使用以下内容在我的网站上添加登录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中无效。相反,我得到以下按钮:

Wrong facebook button

注意facebook徽标是如何丢失的?那是因为在webkit中,以下行是由facebook生成的:

<i class="pluginFaviconButtonIcon img sp_login-button sx_login-button_"></i>

错误的部分是“sx_login-button_”,它缺少尺寸说明符,在这种情况下是“大”。在IE9中,这是“sx_login-button_large”,而是有效的。

为什么这不起作用webkit的任何想法?

1 个答案:

答案 0 :(得分:0)

我想我已经明白了。我安装了插件Ghostery,阻止了Facebook的活动。我知道,非常愚蠢,但我只是看着当时的布局:)。但这就是为什么事情让我搞砸了。检查以确保没有阻挡器在运行。