如何制作具有不透明背景的全屏 iframe？答案

【问题标题】：How to make a fullscreen iframe with opaque background?如何制作具有不透明背景的全屏 iframe？
【发布时间】：2010-01-21 13:44:07
【问题描述】：

我能够创建一个占据整个屏幕的 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 正文提供了 BGCOLOR = "#FFFFFF"，现在它工作正常。感谢您的投入！

【问题讨论】：

我认为你试图发布的代码已经神秘地消失了。
它现在回来了！我忘记添加代码块了。

标签： javascript ajax xhtml html

【解决方案1】：

试试：

<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=false，因为这是默认设置。额外的引号也有一些错误。我还更正了 name 属性的拼写。

我已将宽度更改为 100%，而不是 400 像素的固定宽度，以确保它填满整个窗口。

【讨论】：

我刚试过这个。它确实占据了 100%，但我仍然可以看到父 HTML 的内容。我想让这个不透明，谢谢你的快速回复。
您能否为父页面和可能的 main.html 页面提供一些示例 HTML 的 HTML。在为 iframe 提供透明的示例代码中，我看不到一个原因。您是否有任何 JavaScript 或 CSS 可能会操纵 iframe 的不透明度设置？
我签入了一个样本，它的行为与您在上面解释的一样。但是我的应用程序中的行为并不相同。是的，有一些流氓 CSS 负责这种行为，感谢您指出。我会检查一下并更新调查结果。
要使 iframe 不透明只需添加背景：白色，它会起作用 ;-)

【解决方案2】：

为什么不使用带有 iframe 的不透明 div？

【讨论】：

其实这个 iframe 是在一个 div 下，但是让我看看如何使这个不透明。

【解决方案3】：

allowtransparency = 'false'

听起来不是一个很好的开始吗？

尝试设置 allowtransparency = 'true'

然后确保 iframe 内的内容的不透明度设置为透明。

【讨论】：

我不想让透明度，这就是为什么我把它当作假的。我想加载一个与父内容重叠的全屏不透明 iframe。

【解决方案4】：

全屏 iFrame 您需要添加边距：自动；适合你的风格。

【讨论】：