再议iframe背景透明的设置方法

发布时间:2020-05-20编辑:脚本学堂
本文介绍下,设置iframe背景透明的一些方法,有需要的朋友,参考下吧。

在ie浏览器中,为iframe网页框加中定义透明内容,必须满足两个条件:
 

1,与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。
2,在 iframe 内容源文档,background-color 或 body 元素的 bgColor 标签属性必须设置为 transparent。

操作步骤如下。
1,框架页
 

<body bgColor="#eeeeee">
<iframe allowTransparency="true" src="transparent.htm">
</iframe>

2,transparent.htm页
 

<body bgColor="transparent">

本例主要是iframe对象的allowTransparency属性应用,在该属性设置为true并且iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。
allowTransparency设置或获取对象是否可为透明。
bgColor 设置或获取对象的背景颜色

附,IFrame透明背景举例:
 

/* in the iframe element */
<iframe src="content.html" allowTransparency="true">
</iframe>

/* in the iframe docuement, in this case content.html */
body {
    background-color:transparent;   
}

iframe去掉边框,iframe背景透明设置方法:
 

<iframe frameborder="0" allowtransparency=”true”></iframe>
<iframe width="100%" height="200" src="demo.html" allowTransparency="true" frameBorder="0" scrolling="no"></iframe>

就是这些了,希望有助于大家理解与掌握iframe背景透时设置的方法,脚本学堂,祝大家学习进步。