无法在Internet Explorer中将样式表添加到iframe

Question

我正在使用要使用自己的CSS设置样式的外部iframe。 iframe是由javascript加载和创建的，巫婆本身是由另一个javascript加载的。 由于这是公司提供的服务，因此我无法控制其javascript产生的内容或iframe内容。

到目前为止，我使用jquery所做的是使用window-onload将所有自定义的CSS文件加载到iframe中，如下所示：

window.onload = function() {
 $('iframe').addClass('styledIframe');

    var $c = $('.styledIframe').contents();
    //clone all styles from this document into the iframe
    $c.find('head').append($('style, link[rel=stylesheet]').clone());
}

iframe每次加载时都会更改ID，因此，为什么要添加类“ styledIframe”。 对我的问题：在Internet Explorer以外的所有浏览器中，此功能都非常完美，我在IE9及更低版本中进行了尝试，但不适用于其中的任何一种。

我该怎么做才能在IE中完成这项工作？

Answer 1

您无法为iFrame中的元素设置样式，因为从技术上讲，它们在页面上不存在，但在另一台服务器上存在。 但是，如果iFrame来自同一服务器，则可以设置样式-这是安全问题。 我知道第三次派对的噩梦，但事实就是这样。 您只能要求他们在他们的服务器上安装样式，或要求他们更改内容的样式以适合您。