如何让iframe背景透明?
通常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>