一尘不染

覆盖iframe中内容的主体样式

css

如何控制中的body元素的背景图像和颜色iframe?请注意,嵌入的body元素具有一个类,并且iframe是属于我的网站的页面的。

我需要这样做的原因是我的网站将黑色背景分配给正文,然后将白色背景分配给包含文本的div。所见即所得(WYSIWYG)编辑器在编辑时会使用iframe嵌入内容,但其中不包含div,因此文本很难阅读。

iframe编辑器中的when
主体具有一个在其他任何地方都没有使用过的类,因此我假设将其放在那里,这样可以解决此类问题。但是,当我将样式应用于class.body它们时,不要覆盖应用于主体的样式。奇怪的是样式确实出现在Firebug中,所以我不知道发生了什么!

谢谢

更新-
我已经尝试过@mikeq的解决方案,该解决方案为作为主体类的类添加样式。当添加到主页的样式表时,此方法不起作用,但与Firebug一起添加时,此方法起作用。我假设这是因为Firebug应用于页面上的所有元素,而CSS没有应用于iframe中。这是否意味着在使用JavaScript窗口加载后添加css可行?


阅读 582

收藏
2020-05-16

共1个答案

一尘不染

iframe是页面中的一个“洞”,其中显示了另一个网页。iframe的内容不是您父页面的任何形状或一部分。

正如其他人所说,您的选择是:

  • 为iframe中正在加载的文件提供必要的CSS
  • 如果iframe中的文件与父目录位于同一域,则可以从父目录访问iframe中文档的DOM。
2020-05-16