如何製作帶有不透明背景的全屏iframe？

我可以創建佔據整個屏幕的iframe。但是我無法隱藏背景的內容，換句話說，我想要一個不透明的iframe。我目前正在嘗試像這樣：如何製作帶有不透明背景的全屏iframe？

<iframe name='myifrmae' allowtransparency = 'false' background= '#FFFFFF' id = 'myiframe' src = 'main.html' 
    style='position:absolute; top:0px; left:0px; width:400px; 
      height:100%;z-index:999' onload = 'sendParams();'' frameborder='no'> 
    </iframe>

我在Firefox/3.5.6上測試這個。

我在這裏做錯了什麼嗎？

更新： 我給了main.html body的BGCOLOR =「#FFFFFF」，現在工作正常。感謝您的投入！

來源

2010-01-21 Manohar

我想你試圖發佈的代碼已經神祕地消失了。 –

它現在回來！我忘了添加代碼塊。 – Manohar

嘗試：

<iframe name='myiframe' id='myiframe' src='main.html' 
style='position:absolute; top:0px; left:0px; width:100%; height:100%; 
     z-index:999' onload='sendParams();' frameborder='no'> 
</iframe>

你並不需要設置ALLOWTRANSPARENCY =假，因爲這是默認的。還有一些額外的報價錯誤。另外我更正了拼寫name屬性。

我已將寬度更改爲100％，而不是400像素的固定寬度，以確保其填充整個窗口。

來源

2010-01-21 14:22:04 Camsoft

我剛試過這個。它佔用100％，但我仍然可以看到父HTML的內容。我想讓這個不透明，謝謝你的快速回復。 – Manohar

您能否爲父頁面和可能的main.html頁面提供一些示例HTML的HTML？在爲iframe提供的示例代碼透明的情況下，我看不到任何原因。你有任何JavaScript或CSS可能會操縱iframe的不透明度設置？ – Camsoft

我檢查了一個樣本，它的行爲如上所述。但是我的應用程序中的行爲並不相同。是的，有一些流氓CSS負責這種行爲，謝謝指出。我會檢查並更新結果。 – Manohar

爲什麼不使用帶有iframe的不透明div？

來源

2010-01-21 13:50:31 matpol

其實這個iframe是在div下，但讓我檢查如何使這個不透明。 – Manohar

allowtransparency = 'false'

聽起來不是很好的開始？

嘗試設置 ALLOWTRANSPARENCY =「真」

並確保該IFRAME裏面的內容有它的不透明度設置爲透明。

來源

2010-01-21 13:51:46

我不想讓透明度，這就是爲什麼我把它作爲假。我想加載一個全屏不透明的iframe，它與父內容重疊。 – Manohar

夠公平的，我得到了棒的錯誤結局，對不起。 –

全屏iFrame你需要添加邊距：auto;到你的風格。

來源

2010-01-21 14:21:04 Joshua

如何製作帶有不透明背景的全屏iframe？

回答

相關問題