HTML5类似框无法正常显示

13
我遇到了以下问题:高度没有正确缩放,背景不再透明,边框颜色错误,盒子底部被切断,在“黑暗”设置下,文本和背景的颜色相同。 这在我使用“Like Box”的每个网站上都会出现。
这些问题都可以在“Like Box - Developers Page”上重现 https://developers.facebook.com/docs/reference/plugins/like-box/ 尝试以下设置:
宽度400
高度600(盒子不会缩放)(如果您将其保留为默认设置并关闭Show Faces,则底部会被切掉)
Show Faces:打开
颜色方案:黑暗
Show Stream:打开
边框颜色:#000(边框颜色不会改变)
Show Faces:关闭
(您会注意到文本和背景的颜色相同(背景不再透明))所有这些问题似乎始于 EST 周三午夜的更新,并且我认为这是他们试图解决在动态消息中拉伸图像的问题导致的结果。

这些步骤对我来说没有复制出问题。 - Tommy Crush
@Igy,我这边没有出现订阅按钮,也无法关注或创建新的错误报告。我知道这个已经存在的错误报告,并且可以在我的端上模拟发布者的结果。 - Robert Mroczka
更新...如果我退出Facebook并清除我的cookies,那么“赞”框将正确显示。但是一旦我登录Facebook,所有当前的浏览器都无法正确地渲染“赞”框。 - Robert Mroczka
@RobertMroczka 我的网站上有一个FB类似框,我遇到了完全相同的问题。当我在Chrome的隐身模式下打开我的网站时,它可以完美地呈现,但是当我登录到FB时,它就会出现问题。 - Irfanullah Jan
我似乎仍然无法得到任何关于这个问题的支持。我看到有人在开发者错误页面上报告了类似的问题,但我无法发布自己的报告,跟随现有的报告或显示我可以重现该问题...我正在尽我所能让这件事被知晓,但Facebook几乎让这变得不可能。这在我支持的5个网站和另外两个不是由我建造而是由另一家网页设计公司建造的网站上都出现了。 - Robert Mroczka
显示剩余3条评论
1个回答

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 文档后,您可以调整这些值。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接