如何保持頁面的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？

回答

相關問題