如何使用父页面css为iframe页面内容提供样式?

时间:2009-12-26 06:04:41

标签: javascript jquery css xhtml iframe

如何使用父页css为iframed页面的内容设置样式?我没有iframed页面的访问权限?

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

如何设置我在iframe中使用的页面的HTML格式?

有没有办法通过css或js + css这样的风格?

http://siteurl { background:red}

2 个答案:

答案 0 :(得分:5)

如果您无法访问IFrame,无论是服务器端还是JS,都不会因为跨域问题:完全没有,我担心。

如果您可以通过JS获取它,您可以通过直接访问和更改样式(干净)或编写<style>标记(不是w3c有效)来以这种或那种方式隐藏自己的样式表。

答案 1 :(得分:-1)

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