HTML5 Like Box Broken

时间:2012-12-09 17:28:27

标签: facebook facebook-like facebook-likebox

我遇到以下问题;高度未正确缩放,背景不再透明,边框颜色错误,框的底部被切掉,文字和背景在“暗”设置上的颜色相同。这是在我实施“Like Box”的每个网站上发生的。

这些都可以在Like Box - Developers Page上复制 https://developers.facebook.com/docs/reference/plugins/like-box/ 请尝试以下设置:

宽度400

高度600(该框不会缩放)(如果您将其保留为默认状态并转向Show Faces) 底部被切断)

显示面孔:开启

配色方案:黑暗

显示流:开启

边框颜色:#000(边框不会改变颜色)

显示面孔:关闭

(你会注意到文字和背景是相同的颜色(背景不再透明))这一切似乎都是在美国东部时间周三午夜更新后开始的,我相信这是他们试图修复问题的结果。图像在Feed中被拉伸。

1 个答案:

答案 0 :(得分:2)

这对我有用:

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=400&amp;height=558&amp;show_faces=true&amp;colorscheme=dark&amp;stream=true&amp;border_color=%23000000&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:558px;" allowTransparency="true"></iframe>

请记住,您需要在<head>代码中添加几行,否则您将看不到正确的结果

<link rel="alternate" media="handheld" href="https://developers.facebook.com/docs/reference/plugins/like-box/" />

<link rel="canonical" href="https://developers.facebook.com/docs/reference/plugins/like-box/" />

<meta property="og:url" content="http://developers.facebook.com/docs/reference/plugins/like-box/" />

您可以在阅读FB API文档后调整值。