2

我想弄清楚为什么我的 Facebook 喜欢按钮没有显示在我的 Firefox 网站上的有限（数量？）页面上。在网站的其他部分，我已经获得了类似 FB 的按钮来显示，但在这个特定的例子中，我没有。有任何想法吗？

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

4

2 回答 2

4

嵌套在该 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;
}

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

于 2012-11-24T02:33:35.887 回答
1

我猜你使用了like按钮生成器？

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/

您的原始链接缺少整个社交按钮栏，因为它被“显示：无”隐藏。

...但它仍然无法正确加载like按钮，我猜你遇到了这个问题：Facebook Like buttons not display when loading hidden

于 2012-11-24T10:11:06.340 回答