需要将父文档的css提供给iframe

Question

在我的父文档中，我有一个可编辑的iframe。在父文档中，我使用外部css文件中的@font-face自定义了字体系列实现。

这个@font-face实现默认情况下不会被带到iframe，直到我在那里专门添加它。

我在网上看到这是不可能的，直到我实际将它专门添加到iframe，因为iframe提供了与父文档的css隔离。

这是正确的还是有没有办法将css文件从父级转移到子级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));
    }
}