如何使用父页面 css 为 iframe 页面内容赋予样式？答案

【问题标题】：How to give style to iframed page content using parent pages css?如何使用父页面 css 为 iframe 页面内容赋予样式？
【发布时间】：2010-12-30 01:56:54
【问题描述】：

如何使用父页面 css 设置 iframed 页面内容的样式？我无权访问 iframed 页面？

我做了这个例如 - http://jsbin.com/uxobe

如何为我在 iframe 中使用的页面设置不同的 HTML 样式？

有没有办法通过 css 或 js+css 来设置这样的样式？

http://siteurl { background:red}

【问题讨论】：

标签： javascript jquery css xhtml iframe

【解决方案1】：

如果您由于跨域问题而无法从服务器端或通过 JS 访问 IFrame：恐怕根本没有。

如果您可以通过 JS 获取它，您可以通过直接访问和更改样式（干净）或编写 <style> 标签（不是 w3c 有效）以一种或另一种方式潜入自己的样式表。

【讨论】：

在这种情况下，跨域安全适用，您没有机会为内容设置样式。您必须通过自己的服务器代理内容才能访问它。
您如何指导我如何代理内容？
哦，这是一个很长的故事，有几十个陷阱，在很多情况下是不可能的或太难了，通常不是一个好主意，我现在要回家了 :) 为什么不打开另一个关于它。

【解决方案2】：

我能够在 iframe src 文件中完成对象的样式设置，方法是将 javascript 放入该文件中，该文件查找查询字符串值并根据查询字符串的存在（或不存在）进行样式设置（或不设置）。这种方法需要控制 iframe 目标文件，并且对我来说效果很好。我正在尝试在我的另一个网站中出现的 iframe 中显示我自己网站的缩小版本。

【讨论】：