無法在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來自同一服務器，則可以設置樣式-這是安全問題。 我知道第三次派對的噩夢，但事實就是這樣。 您只能要求他們在他們的服務器上安裝樣式，或要求他們更改內容的樣式以適合您。