2012-12-09 58 views
13

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

这些都可以在样箱转载 - 开发者页面 https://developers.facebook.com/docs/reference/plugins/like-box/ 请尝试以下设置:

宽度400

身高600(盒不能扩展)(如果你在保留默认值和展又将面临的 底部被切断)

显示面孔:在

配色方案:深

显示流:在

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

显示面孔:关

(你会发现文字和背景颜色相同(背景不再是透明的))这一切似乎已经开始在星期三午夜EST更新后,我相信是他们试图解决饲料中拉伸的图像问题的结果。

+0

https://developers.facebook.com/bugs/128437833979988描述了一个问题,您是否订阅了该错误? – Igy

+0

这些步骤并没有为我复制问题 –

+0

@Igy,我没有订阅按钮的出现,也不能从我的最后关注或创建新的错误报告。我知道这个现有的错误报告,并可以在我的最后模拟海报结果。 –

回答

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文档后的值。