需要將父文檔的CSS傳遞給iframe

Question

在我的父文檔中，我有一個可編輯的iframe。在父文檔中，我使用外部css文件中的@font-face自定義字體系列實現。

這個@font-face實現默認情況下不會傳遞到iframe，直到我專門添加它。

我在線閱讀，這是不可能的，直到我實際上將它添加到iframe，因爲iframes提供從父文檔的css隔離。

這是正確的，還是有任何方法可以從父母的css文件inhert到子iframe？

Answer 1

這可能工作; 可能。內部iframe

window.onload = function() { 
    if (parent) { 
     var oHead = document.getElementsByTagName("head")[0]; 
     var arrStyleSheets = parent.document.getElementsByTagName("style"); 
     for (var i = 0; i < arrStyleSheets.length; i++) 
      oHead.appendChild(arrStyleSheets[i].cloneNode(true)); 
    } 
}