如何使用父页面的CSS样式为iframe内的页面内容添加样式？

Question

如何使用父页面的CSS样式来设置iframed页面的内容？我无法访问iframed页面。

我制作了一个例子- http://jsbin.com/uxobe

如何以不同的方式对我在iframe中使用的页面的HTML进行样式设置？

是否有一种通过CSS或JS+ CSS来实现这样的样式设置的方法？

http://siteurl { background:red}

- Jitendra Vyas

Answer 1

如果您无法通过服务器端或JS访问IFrame，因为跨域问题而无法访问：非常抱歉，这是不可能的。

如果您可以通过JS获取IFrame，您可以通过直接访问和更改样式（干净）或编写

- Pekka

---

在这种情况下，跨域安全性适用，您无法对内容进行样式设置。 您必须通过自己的服务器代理内容才能访问它。 - Pekka

请问如何代理内容？能否指导一下？ - Jitendra Vyas

哦，这是一个非常漫长的故事，有许多陷阱，很多情况下不可能或太难了，通常很少是一个好主意，我现在要回家了 :) 为什么不开另一个问题来讨论呢？ - Pekka

Answer 2

我成功地完成了对iframe src文件中对象的样式设置，方法是在该文件中放置javascript代码，它将查找查询字符串值并根据查询字符串的存在（或不存在）进行样式设置（或不设置）。

这种方法需要对iframe目标文件具有控制权，并且对我来说效果很好。我正在尝试在另一个我的网站中显示我自己网站的缩小版，它将出现在一个iframe中。

- MalamuteMan