如何制作带有不透明背景的全屏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？

回答

相关问题