当前位置: 首页 > 面试题库 >

覆盖iframe中内容的主体样式

陆琦
2023-03-14
问题内容

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

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

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

谢谢

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


问题答案:

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

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

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


 类似资料:
  • 问题内容: 我有一些带有自己的CSS的HTML文件。我想在gwt应用程序中使用它们,所以我在应用程序中复制了html和css文件。 问题是当我打开HTML时,它使用了gwt主题样式。例如,在我的CSS中,html“主体”的背景色是黑色,但是除非我停用主题,否则它看起来是白色的。 如何覆盖gwt主题样式并使用CSS样式? 问题答案: 就像萨尔法兹(Sarfaz)所说- 应该是您的不得已的选择,因为它

  • 问题内容: 我查看了Stack Overflow,但没有找到解决方案,我知道如何在样式存在的情况下覆盖样式,只需更改其属性即可。但是现在我有一种奇怪的样式可以覆盖 这是我所拥有的一个例子 首先我有一个: 现在,我需要使用以下一种样式来覆盖该样式: 问题是第一种样式会追加第二种,但是我不希望那样,在第二种样式中我只需要一行,而不是从第一种样式追加? 问题答案: 您可以将另一个类添加到元素中,而不是重

  • 我只想有一个,将工作簿的内容写入应用程序中的文件中,并在此 excel 中创建多个工作表。我正在使用Apache POI来读取/写入我的excel。我有以下方法这样做 - 我在这里面临的问题是,每次我调用时,都会创建一个新文件,并且存量数据会被覆盖。我只想要一个文件,并且需要将新的工作表添加到我现有的文件中。我如何实现这一点?

  • 问题内容: 我想将iframe中的内容的背景颜色设为黑色和将文本颜色设为白色,这是因为其默认设置为普通的白色背景和黑色文本。iframe src属性指向我无法访问或无法在该域中放置任何文件或样式表的其他域。因此,考虑到这些条件,是否有可能仅在iframe内容中进行这些样式更改? 问题答案: 唯一的可能性是通过您的代理加载iframe内容并修改HTML内容。您无法通过JavaScript从其他域访问

  • 问题内容: 如何覆盖Twitter Bootstrap中的样式?例如,我当前正在使用具有CSS规则“ float:left;”的.sidebar类。我该如何更改它以便使其转至右侧?我正在使用HAML和SASS,但对于Web开发来说相对较新。 问题答案: 添加您自己的类,例如:CSS:

  • 对于Spring Boot2.1,默认情况下禁用bean重写,这是一件好事。 然而,我确实有一些测试,其中我使用mockito用模拟实例替换bean。在默认设置下,使用这种配置的测试将由于bean重写而失败。 我发现唯一有效的方法是通过应用程序属性启用bean重写: 但是,我真的希望确保测试配置的bean定义设置最小,这一点将由spring在禁用重写的情况下指出。 我正在重写的bean是 在导入到