"暗色调" Like Box 显示不正常

Question

我想在我的网站上添加黑色的“喜欢”框，一切似乎都正常工作，但颜色看起来像是浅色主题，问题出在哪里呢？

这是我使用的代码：

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

我尝试了iframe和html5代码。

另一个问题是有时仅有几个面显示在框中，而其他时间则显示最大的面。

- Nick

Answer 1

暗色调方案正常渲染，但设计上它没有背景（是透明的）。将其放在具有所需背景的

之前，如此处演示。

- Jimmy Sawczuk

Answer 2

开发者按钮向导（在使用 Chrome 时）无法正常工作。不清楚原因，但我找到了可以更改颜色方案为深色的数据元素。您可以手动添加以下内容，它就可以正常工作：

data-colorscheme="dark"

示例：

<div class="fb-like" data-href="http://www.nike.com" data-send="false" data-colorscheme="dark" data-width="450" data-show-faces="false"></div>

- Mason

Answer 3

我似乎遇到了类似的错误.. 我正在使用“like”和“login”插件..当我登录时一切正常..但是当我没有登录时，“like”按钮就会变灰...

问题：187studio.ch（页面顶部）

- faebster

Answer 4

我知道我来晚了，但目前暗色方案似乎出了问题，所以可能其他人会在这里寻找解决方案。

Jimmy Sawczuk上面的示例仍然有效，但这是因为他没有显示“流”。如果您将“stream”属性设置为true，则可能会遇到一个或两个大问题。

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

演示链接

1. 帖子本身都是白色的...这么说来，暗色调方案就泡汤了
2. 头像旁边的账户名是白色文字，放在白色背景上...所以看不见。

由于标记语言在 iframe 中，我已经没有属性可以自定义了，我想知道还能做些什么？

- Ecksley