在 fbml iframe 中将正文背景设置为透明

发布于 2024-10-16 01:32:04 字数 345 浏览 6 评论 0 原文

我正在寻找一种解决方法，允许我从默认情况下获得白色背景的 fbml iframe 内的 body 标记中删除背景。

我尝试了不同的方法来访问 fbml iframe，但不幸的是 facebook 拒绝了任何将某些内容放入框架的尝试。

该错误已在此处报告，但没有太多进展：http://bugs .developers.facebook.net/show_bug.cgi?id=12621

有什么聪明/讨厌的方法来解决这个问题吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

烈酒灼喉 2024-10-23 01:32:04

您可以使用 dark 或 light 代替 dark 或 light 来使 iframe 中的背景变得透明

colorscheme=transparent

You can make the background in the iframe transparent by using

colorscheme=transparent

instead of dark or light :)

回复收藏 0 原文

失与倦＂ 2024-10-23 01:32:04

除非您的网站在 facebook.com 上运行，否则您无法访问该 iframe 内的任何内容（请参阅同源策略）。

如果 Facebook 不给你更改的选项，那么你就不能。

回复收藏 0 原文

南七夏 2024-10-23 01:32:04

我在项目中使用的 Facebook 小部件之一遇到了相反的问题（背景是透明的，我需要一个彩色的）。我所做的是将小部件包装在我分类为“facebook_badge”的容器 div 中，然后访问它，并通过 CSS 访问 iframe，如下所示：

.facebook_badge iframe {
   background: #fff;
}

从声音来看，它们与小部件之类的东西并不真正一致，但是它可能值得尝试和使用（理论上，您可以使用 iframe body 访问主体，但我还没有测试过）。您至少可以通过 iframe 本身将其设置为与您的背景相匹配的纯色。

I had the opposite issue for one of the Facebook widgets I used on a project (the background was transparent and I needed a colored one). What I did was have the widget wrapped in a container div that I classed "facebook_badge", then accessed it, and the iframe via CSS like so:

.facebook_badge iframe {
   background: #fff;
}

From the sound of it, they're not real consistent with their widgets and whatnot, but it might be worth trying and playing around with (theoretically, you could access the body with iframe body, but I haven't tested it). You might be able to at least get it to a solid color that matches your background via the iframe itself.

回复收藏 0 原文

旧时浪漫 2024-10-23 01:32:04

Facebook 小部件默认内置透明度吗？

因此 ARIA 属性：AllowTransparency =“true”，

我的网站上有一个“赞”按钮运行良好 - 它不验证，但验证是只是一个工具。

您还可以使用方形 FB like 框：

<iframe src="http://www.facebook.com/plugins/like.php?href=http://mutant-tractor.com/&layout=box_count&show_faces=false&width=65&action=like&font=segoe+ui&colorscheme=light&height=65" scrolling="no" frameborder="0" style="border:none;overflow:hidden;width:55px;height:60px;" allowtransparency="true"></iframe>

FBML Like 按钮：
http://www.shinyface。 com/2010/08/16/adding-facebook-like-buttons-to-your-website/

Facebook widgets as default have transparency built in?

Hence the ARIA attribute: AllowTransparency="true",

I have a like button on my site working perfectly - it doesn't validate but validation is just a tool.

You could also use the square FB like box:

<iframe src="http://www.facebook.com/plugins/like.php?href=http://mutant-tractor.com/&layout=box_count&show_faces=false&width=65&action=like&font=segoe+ui&colorscheme=light&height=65" scrolling="no" frameborder="0" style="border:none;overflow:hidden;width:55px;height:60px;" allowtransparency="true"></iframe>

FBML Like button:
http://www.shinyface.com/2010/08/16/adding-facebook-like-buttons-to-your-website/

回复收藏 0 原文