如何制作具有不透明背景的全屏iframe?

时间:2010-01-21 13:44:08

标签: javascript html ajax xhtml html5

我可以创建一个占据整个屏幕的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”,现在工作正常。感谢您的投入!

4 个答案:

答案 0 :(得分:8)

尝试:

<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,因为这是默认值。还有一些额外报价的错误。我也纠正了拼写名称属性。

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

allowtransparency = 'false'

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

尝试设置     allowtransparency ='true'

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

答案 3 :(得分:0)

全屏iFrame你需要添加保证金:auto;你的风格。