如何将本地域中的CSS规则应用于来自其他域的iFrame中的内容

时间:2011-01-26 22:35:49

标签: jquery css iframe ssi

在过去的两天里,我一直在努力做两件事:

  1. 使用来自其他域的内容创建iframe,该内容将自动调整为iframe中内容的长度
  2. 〜最重要的是〜将css样式应用于该iframe中的[来自外部域]的内容。
  3. 我已经探索过jQuery的东西,发现没有'可靠'的爱,'frameReady()'插件似乎已经消失了......我不知道该怎么做 - 或者即使这是最好的方法

    因此;有没有更好,更可靠的方法来实现这一目标? 我有完全访问服务器所以.htaccess / php / cgi - 甚至包括apache [linux!]的conf是可能的。 需要注意的一点是,其中一个框架是需要来回传递数据的预订系统。 [从技术上讲,另一帧也是如此......]

    -Thanks -Sean

2 个答案:

答案 0 :(得分:1)

IFRAME在技术上是另一个窗口,因此外部窗口的CSS不能应用于框架HTML文档中的HTML。

可以自动调整大小,允许在窗口之间进行通信,但我不确定这是可靠的跨域,尤其是跨浏览器。如果两个窗口都在同一个域上,那么是。另一种选择是滚动条,它们不是 邪恶。

预订系统可以称为服务器端并在您的页面中重新提供服务,但如果您尝试包含预订系统交互性,这也是一个很大的痛点。我不知道您可以使用哪些包可以为您执行此操作。

我倾向于坚持使用IFRAME并对预订系统进行白色标记,以便在IFRAME内部更好地呈现。除非您并不意味着您可以完全访问预订系统的服务器,否则如果预订系统没有为此提供故意的API,您将会很费劲。

您将不得不重写其内容并通过您的服务器挖掘交互性,例如代理,或者类似于skyscanner.net和confused.com之类的内容。

答案 1 :(得分:0)