我有一个简单的页面,有一些iframe部分(显示RSS链接).如何将主页面中的相同CSS格式应用于iframe中显示的页面?
如何控制一个体内元素的背景图像和颜色iframe?注意,嵌入的body元素有一个类,而且iframe是一个页面,它是我站点的一部分.
我需要这个的原因是我的网站有一个黑色背景分配给身体,然后白色背景分配给包含文本的div.WYSIWYG编辑器iframe在编辑时使用嵌入内容,但它不包含div,因此文本很难阅读.
iframe编辑器中的when 的主体有一个在其他任何地方都没有使用的类,所以我假设这个被放在那里,所以这样的问题可以解决.但是,当我应用样式时,class.body它们不会覆盖应用于body的样式.奇怪的是,样式确实出现在Firebug中,所以我不知道发生了什么!
谢谢
更新 - 我已经尝试了@ mikeq的解决方案,即将类型添加到正文类的类中.这在添加到主页的样式表时不起作用,但在使用Firebug添加时它确实有效.我假设这是因为Firebug应用于页面上的所有元素,而CSS不应用于iframe中.这是否意味着在使用JavaScript加载窗口后添加css会起作用?
我无法将CSS生成的内容用于iframe元素:
iframe::after {content: 'example';}
iframe::before {content: 'example';}
Run Code Online (Sandbox Code Playgroud)
有没有人有一个真正有效的解决方案?提前致谢.
如何防止类似于下面的代码放置的Adsense响应单元突破面板?根据我的经验,横幅打破了面板并占据了全宽.用于Adsense响应单元的代码是Google提供的默认代码.
<div class="col-md-12" style="padding-top:20px;">
<div class="panel panel-default panel-profile m-b-md">
<div class="panel-body text-center" style="padding: 5px 0 5px 0">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Thank You -->
<ins class="adsbygoogle"
style="display:block;"
data-ad-client="ca-pub-xxxxxx"
data-ad-slot="xxxxxx"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)