iframe中设置背景透明的方法举例

发布时间:2020-06-28编辑:脚本学堂
本文介绍一个设置iframe中页面背景透明的例子,有需要的朋友,参考下吧。

通常 iframe底色会是白色,在不同浏览器下,可能会有不同的颜色。如果,主页面有一个整体的背景色或背景图片时,iframe区域便会出现一个白色块,与主体页面不协调,此时就需要设设置iframe透明。

1,使用特殊属性

allowtransparency="true"

例子:

<iframe id="1" frameborder="0" scrolling="no" width="780" height="160" src="http://www.jb200.com" allowtransparency="true"></iframe>

allowtransparency属性可以将iframe设置为透明。

2,在嵌入iframe的页面中加上:

<body style="background-color:transparent">

这样,嵌入的网页的背景便设成透明了。

希望以上的介绍,有助于大家设置iframe背景透明,脚本学堂,祝大家学习进步。