如何保持页面的CSS不影响加载html文档的iframe？

我有一个iframe加载时会发生一些变化。是否有某种重置或我需要应用的东西？无论加载哪个页面，我如何保持iframe的内容看起来一样？如何保持页面的CSS不影响加载html文档的iframe？

2012-01-17 Babiker

前缀你有:not(iframe)

样式，以便您CSS definition旨意如下所示：

:not(iframe) body div { margin:0 auto; } /* only applies styles to div's */ 
             /* inside body and not inside an */ 
             /* iframe */

来源

2012-01-17 03:30:38 xandercoded

我不控制身体的CSS。 – Babiker 2012-01-17 03:40:05

你是什么意思“看起来不一样”。这意味着'iframe'的大小限制了'iframes'布局的比例并且正在扭曲这些元素？ – xandercoded 2012-01-17 03:51:40

例如锚的颜色正在改变。 – Babiker 2012-01-17 04:04:00

你不能在真空中加载的iFrame;一旦将它带入应用样式表的上下文中，它就会与页面上的其他所有内容一起正确执行。幸运的是，这只是一个相应地构建样式表的问题。

一种方法是将ID专用于仅iFrame的容器（例如#myiframe），然后对所有您希望应用的样式进行彻底和特定。设计您的样式表以避免与此元素发生冲突，如果进入捏合并使用子属性覆盖继承样式，请使用!important声明。它归结为精心设计，而不是其他任何事情，以及如何级联样式表的工作方式。

来源

2012-01-17 03:31:05

我想如果你有一个子域，你把它放在iframe中会停止CSS。

//from my.com 
<iframe src="subdomain.my.com"></iframe>

来源

2012-01-17 05:43:10

如何保持页面的CSS不影响加载html文档的iframe？

回答

相关问题