Facebook静态HTML iFrame - 使用JQuery与父级CSS进行交互?

问题描述:

我已经开始使用Facebook页面的静态HTML应用程序,它允许我们构建由HTML,CSS甚至Javascript组成的着陆页。例如。 http://www.facebook.com/divethegap?sk=app_190322544333196Facebook静态HTML iFrame - 使用JQuery与父级CSS进行交互?

现在可以与父窗口进行交互。如果可能,我想将整体背景更改为其他内容,最好是我们网站上的图片。

作为测试我试图$('body', window.parent.document).css('background-color', '#888');

没有hapenned。我可以想象为什么Facebook会限制或完全限制修改父窗口的能力的许多理由,但在父母的CSS情况下,我想知道是否有可能。它肯定会大大提升整体主题。

+0

Facebook不希望应用程序在他们的沙盒上绘图,并且为了不让他们放置大围栏。这就是为什么他们将应用程序隐藏在托管在不同域上的iFrame中。 :) – DMCS 2012-02-01 20:52:58

这是因为跨域访问限制,如果它不在同一个域中,则无法从父窗口访问任何内容。