CSS覆盖iframe中的内容的主体样式?

如何控制iframe中的body元素的背景图片和颜色?注意,嵌入的body元素有一个类,iframe是我的网站的一部分的页面

我需要这个的原因是我的网站有一个黑色的背景分配给正文,然后一个白色背景分配给包含文本的div。 WYSIWYG编辑器在编辑时使用iframe嵌入内容,但它不包括div,因此文本很难阅读。

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

谢谢

UPDATE – Ive尝试@ mikeq的解决方添加一个样式到类的身体的类。这不会工作,当添加到主页样式表,但它添加了firebug工作。 Im假设这是因为firebug应用于页面上的所有所有ements,因为css不应用于iframe中。这是否意味着添加css后窗口加载与javascript将工作?

解决方法

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

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

>给在iframe中加载的文件必要的CSS>如果iframe中的文件来自与您的父域相同的域,那么您可以从父域中访问iframe中的文档的DOM。>不要使用iframe(你确定需要一个吗?)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效
js如何实现文字闪烁特效?(图文+视频)
CSS3怎么实现背景颜色渐变?(图文+视频)
Css3如何实现文本溢出隐藏并显示省略号效果
添加CSS的三种方式
css如何实现单边阴影效果
css font-size-adjust属性怎么用
三分钟了解css中z-index属性
css text-align-last属性怎么用
css设置背景图片模糊,内容不模糊
弹性盒子布局flex是什么
圆角边框的css属性是什么
前端特效之520表白神器-旋转照片墙
css font-style属性怎么用
css position属性怎么用