Facebook Like Button未显示在Firefox中

Question

我试图弄清楚为什么我的Facebook喜欢按钮没有显示在Firefox网站上有限（数量？）的页面上。 在网站的其他部分，我已经得到了FB喜欢按钮来显示，但在这种特殊情况下，我没有。 有什么想法吗？

http://www.jdsupra.com/post/documentViewerEmbed.aspx?fid=dcba78a0-9b30-448d-97be-bb572b64ebe4&height=500&width=748&contentOnly=1

Answer 1

嵌套

在该 FB 共享元素中较深的某些元素的宽度和高度为 0，因此如果您使用 Firebug 检查，即使它们显示在 DOM 中，它们也不可见。我通过 CSS 为第一个 span 元素和 iframe 元素提供宽度和高度来解决这个问题。

.fb_iframe_widget iframe {
    height: 100px;
    position: absolute;
    width: 100px;
}
.fb_iframe_widget span {
    display: inline-block;
    position: relative;
    text-align: justify;
    vertical-align: text-bottom;
    width: 100px;
    height: 100px;
}

这些是元素，但您必须将宽度和高度更改为所需的宽度和高度。

Answer 2

我猜你用了喜欢的按钮生成器？

https://developers.facebook.com/docs/reference/plugins/like/

另外，请始终在调试器中检查您想要的链接：

https://developers.facebook.com/tools/debug/

顺便说一句，对我来说看起来不错，即使在 Firefox 中，该按钮也是可见的并且可以工作。但仅在此链接上：http://www.jdsupra.com/legalnews/group-claims-that-milwaukee-police-misco-28882/

您的原始链接缺少整个社交按钮栏，因为它被"display：none"隐藏。

。但它仍然无法正确加载"喜欢"按钮，我的猜测是你遇到了这个问题：Facebook 喜欢按钮在加载时不显示隐藏