在fbml iframe中将主体背景设置为透明

时间:2011-02-04 14:47:08

标签: javascript html css fbml

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

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

这里报告了这个错误,但没有多少移动它:http://bugs.developers.facebook.net/show_bug.cgi?id=12621

任何聪明/讨厌的方法来解决这个问题?

5 个答案:

答案 0 :(得分:1)

除非您的网站在facebook.com上投放,否则您无法访问iframe内的任何内容(请参阅same origin policy)。

如果Facebook没有为您提供更改选项,那么您就不能。

答案 1 :(得分:1)

您可以使用

使iframe中的背景透明
colorscheme=transparent

而不是darklight:)

答案 2 :(得分:0)

我对一个项目中使用的Facebook小部件有一个相反的问题(背景是透明的,我需要一个彩色的)。我所做的是将小部件包装在一个容器div中,我将其分类为“facebook_badge”,然后通过CSS访问它,iframe就像这样:

.facebook_badge iframe {
   background: #fff;
}

从它的声音来看,它们与它们的小部件和诸如此类的东西并不真实一致,但它可能值得尝试和玩弄(理论上,你可以通过iframe body访问身体,但我没有'测试它)。你或许至少可以通过iframe本身将它变成与你的背景相匹配的纯色。

答案 3 :(得分:0)

默认情况下Facebook小部件内置了透明度?

因此ARIA属性:AllowTransparency =“true”,

我的网站上有一个像按钮一样完美的工作 - 它不会验证,但验证是just a tool

你也可以像方框一样使用FB:

<iframe src="http://www.facebook.com/plugins/like.php?href=http://mutant-tractor.com/&amp;layout=box_count&amp;show_faces=false&amp;width=65&amp;action=like&amp;font=segoe+ui&amp;colorscheme=light&amp;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/

答案 4 :(得分:0)

Recommendations插件中存在类似的错误。你可以在这里投票:http://bugs.developers.facebook.net/show_bug.cgi?id=19459

同时,您可以使用具有透明背景的活动插件。