0

我的代码中有以下行,试图将样式加载到 iFrame 中:

<iframe style='color:blue;margin-left:30px;@import('../../custom/courses/css/stylesheets/course.css'); />

有两个问题:

  1. 是否可以像我在上面尝试做的那样使用@import导入代码
  2. 我浏览器中的 html 代码输出以下内容:<iframe style="color:blue;margin-left:30px;@import(" ..="" custom="" courses="" css="" stylesheets="" course.css');</iframe> 所以,我的 css url 路径非常混乱。

更新

我的代码:

(function($){
    var cssLink = document.createElement("link") 
    cssLink.href = "../../custom/courses/css/stylesheets/course.css"; 
    cssLink.rel = "stylesheet"; 
    cssLink.type = "text/css"; 
    // frames['iframe'].document.body.appendChild(cssLink);
    jQuery('iframe.field-iframe-instance').css('border', '1px solid red');//.find('body').appendChild(cssLink);
})(jQuery);

iframe上的代码无法生效

4

1 回答 1

0

你不能那样做。您可以在 iframe 目标源中包含样式,也可以通过 javascript 附加它。看看这个:如何将 CSS 应用到 iframe?

于 2017-01-23T01:12:20.133 回答