通常iframe底色会是白色,但如果页面有一个整体的背景色或者背景图片的时候

iframe区域出现一个白色块,与主体页面不协调,这就需要让iframe背景透明。

iframe基本格式:

<iframe src="http://www.match99.org" width="num-w" height=" num-h" scrolling="auto" frameborder="0" name="name-iframe" >
</iframe>

设置背景透明的iframe浮动框架,必须同时满足两个条件:

一、<iframe>标记的allowTransparency属性值为true,即<iframe allowTransparency="true">

二、浮动框架连结的来源文件的<body>标记的bgcolor属性值为transparent,即<body bgcolor="transparent">

如parent.html页面嵌入iframe,iframe内连结的页面为son.html

相应代码:

parent.html 

<HTML>
<HEAD>如何让iframe背景透明</HEAD>
<BODY bgColor="#EEFFBB">
<TABLE>
<tr><th>设置背景透明的浮动框架</th></tr>
<tr><td>
<IFRAME Src="son.html" allowTransparency="true"></td></tr>
</TABLE>
</BODY>
</HTML>


son.html 

<HTML>
<HEAD> </HEAD>
<BODY bgColor="transparent">
html、css、Javascript、dreamweaver、flash、photoshop、asp、PHP、.net、jsp等网页设计制作知识资源分享
</BODY>
</HTML>

相关文章