如何通过jquery或其他类型修改iframe中的css？答案

【问题标题】：How to modify css inside iframe by jquery or other type?如何通过jquery或其他类型修改iframe中的css？
【发布时间】：2013-09-16 16:19:19
【问题描述】：

我想使用 iframe 显示任何产品的广告。这个 iframe 宽度设计（css）不适合我的网页，所以我想在 iframe 中更改 css。我尝试了一些问题的解决方案，但我无法做到这一点 ----------

我的 iframe 是-

<iframe  src = 'http://www.flipkart.com/affiliate/displayWidget?affrid=WRID-137890638151453431' frameborder = 0 height=250 width = 262 > </iframe>

*****加载后这个 iframe 有一些 div 的 id，我只想改变他们的 css。

请帮帮我

谢谢大家，

【问题讨论】：

如果iFrame src 来自与您不同的域，那么您根本无法这样做。
@hexblot 你仍然可以代理它，但你是对的！
理论上可以提供帮助，它得到了支持：<a href="/default/index/tourl?u=aHR0cDovL3N0YWNrb3ZlcmZsb3cuY29tL3F1ZXN0aW9ucy80ODA0NjA0L2h0bWw1LWlmcmFtZS1zZWFtbGVzcy1hdHRyaWJ1dGU%3D" title="html5 iframe seamless attribute" target="_blank" rel="nofollow">stackoverflow.com/questions/4804604/…</a>
@hexblot，是的 iframe src 来自不同的域（flipkart.com）。请给我一个替代方案
没有其他选择。内容属于 Flipkart。 Flipkart 控制它。你没有。

【解决方案1】：

根据您的服务器功能和您的广告分销商的使用条款，您可以使用 PHP 或一些等效的服务器端程序获取页面，然后从页面中提取所需的内容并以您喜欢的方式内联显示。我相信你也可以使用 javascript 做类似的事情，但它不会那么无缝和更容易让广告拦截器规避。

【讨论】：

鉴于在 URL 中使用了附属 ID，这几乎肯定会破坏首先包含内容的目的。同源策略将阻止任何涉及客户端 JavaScript 的此类尝试。
是的，我没想到。在这种情况下，您可以使用服务器端脚本来拉取广告，让您能够将其包含在您的原始标记中，然后将 iframe 显示为不可见的样式。诚然，这属于“肮脏的黑客”类别，几乎可以肯定它违反了使用条款，但它会使工作失败。