在內聯框架中的css繼承

我知道一個iframe不能繼承「主」網頁的CSS樣式，但如果是這樣，我很困惑。我有一個主頁，其背景是純黑色，帶有白色文字。 iframe沒有指定背景色，但它是黑色的，與主頁面相同。但是，如果我希望使用它們，則必須爲iframe分別定義主頁中的其他CSS屬性。爲什麼是這樣？在內聯框架中的css繼承

來源

2014-06-10 user3713442

IFrame的源URL以'wmode = transparent'結尾？ –

我不知道爲什麼，但似乎所有沒有指定背景的iframe都會繼承。奇怪，因爲沒有其他的CSS屬性繼承。 – bjb568

不，在iframe上沒有這樣的裝飾。我在iframe標籤中指定的全部是寬度和高度。 – user3713442

如果您未設置HTML文檔的背景（通過將其設置爲其html元素或其body元素），則會使用瀏覽器默認值，並且可以預期爲初始值transparent。

這意味着，對於使用iframe元素嵌入在另一個頁面中的頁面，您可以期望嵌入頁面的背景光芒四射。

來源

2014-06-10 04:49:05

謝謝，這完美地回答了它。我想它會有一些默認值，我有點驚訝，它是從父/主窗口採取的。 – user3713442

您可以使用開發者工具找出黑色背景來自哪裏。（它是內置到瀏覽器）。

如果您使用的是IE或Chrome，您可以在鍵盤只是按F12鍵，然後使用元素選擇器（左上）選擇IFrame。在左側，您將找到在IFrame上應用的所有CSS樣式。

這會讓你瞭解發生了什麼，並給你一個新的無價工具在瀏覽器中進行調試。

注意：如果您使用firefox，則需要安裝螢火蟲。

這也可以有用。在CSS

優先規則（1爲最先例）：

用戶自定義風格

嵌入式或內聯樣式表

內部樣式表

外部樣式表

瀏覽器默認的樣式

這可能是Firefox特定的。請參閱here和here。

來源

2014-06-10 00:19:19

感謝您提供螢火蟲。它看起來非常實用。我仍在尋找，但我看不到在iframe中的任何繼承CSS屬性。它列出了iframe特定的css屬性。 – user3713442

我剛剛在Chrome瀏覽器上看到過，它表示背景顏色是從主頁面的主體繼承而來，但文字顏色樣式已被刪除。奇。 – user3713442

這意味着別的東西有優先權。我用優先規則編輯我的答案。 –

在內聯框架中的css繼承

回答

相關問題