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

Question

我正在使用一个外部 iframe，我想使用我自己的 CSS 对其进行样式设置。 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 来自同一台服务器，您可以设置样式 - 这是一个安全问题。我知道第 3 方的噩梦，但事实就是如此。您只能要求他们在他们的服务器上安装您的样式，或者要求他们自己更改内容的样式以适合您。