Iframe内联框架网页背景透明的设置方法

发布时间:2020-10-28编辑:脚本学堂
本文介绍下,iframe内联框架网页中设置背景透明的方法,有需要的朋友参考下吧。

有关iframe标记的使用格式:
 

复制代码 代码示例:
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x" name="main"></iframe>

相关属性介绍:
 

src:文件的路径,可以是HTML文件、文本、ASP等;
width、height:"内部框架"区域的宽与高;
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为 Auto:则自动出现滚动条;如为Yes,则显示;
FrameBorder:区域边框的宽度,为了让“内部框架“与邻近的内容相融合,常设置为0。
name:框架的名字,用来进行识别。

设置背景透明时,需要修改下面两个地方。

1、内联框架的属性:
 

复制代码 代码示例:
<iframe allowTransparency="true" src="test.htm"></iframe>

2、iframe框架页面显示网页的背景,添加一个属性:
 

复制代码 代码示例:
<body style="background:transparent">