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 Like buttons not displaying when loaded hidden

Facebook Like Button不会在Firefox中显示

2 个答案: