iframe背景色的设置问题的解决方法

发布时间:2020-07-04编辑:脚本学堂
本文介绍下,在网页中,iframe中的背景色有时不显示的问题,本文给出一个解决方法,供大家学习参考。

在用iframe框架做网页时,有时背景色不太好控制。
假设,iframe框架周围区域的颜色为:#FF0000,使用方法:
 

<iframe id="MyFrame" name="MyFrame" scrolling="auto" frameborder="0" src="子页面" style="width:500px; height:500px;background-color:#ff0000;"></iframe>
 

没有达到想要的效果,框架那块区域依然是白色。

原因分析:
iframe的allowtransparency属性,把allowtransparency="true" 设为True,这样背景色可以随意设置了。
注意:前提是子页面没有设置背景颜色。
 

<iframe id="MyFrame" name="MyFrame" scrolling="auto" frameborder="0" src="子页面" allowtransparency="true" style="width:500px; height:500px;background-color:#ff0000;"></iframe>

注意:iframe进来的页面不会是先一整块白色,然后再出现内容了。
iframe背景和父页面背景相同即可,关键是allowtransparency属性。
脚本学堂介绍的多篇有关iframe自适应高度的文章中,都有提及这个属性,建议牢固掌握。