iframe架构在IE访问器下将白色情况设为全透明色

近期在做新项目的全过程中必须经常的应用iframe画网页页面的等级架构,绝大多数访问器是沒有情况的,可是iframe在IE中默认设置是有1个白色的情况色的,当主情况色并不是白色的情况下,在这1一部分会显得很突兀。协助手册中得出掌握决计划方案,将要iframe中的allowTransparent特性设定为true,便可。在协助文本文档中也得出了相应的示例,示比如下:

拷贝编码
编码以下:

<BODY STYLE="background-color: red">
<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true">
</IFRAME>
<IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true"
STYLE="background-color: green">
</IFRAME>
<IFRAME ID="Frame3" SRC="transparentBody.htm">
</IFRAME>
<IFRAME ID="Frame4" SRC="transparentBody.htm"
STYLE="background-color: green">
</IFRAME>
</BODY>

基础理论上,这样做就没难题了,可是呢IE仿佛反映不大,依然還是有白色的情况。实际上到了这1步,大家还必须在子网页页面的<body>标识加上<body bgColor="transparent">,示比如下:
http://img.blog.csdn.net/200968?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQva3VucGVuZ19tdWJhbw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

main.html首页面编码:

拷贝编码
编码以下:

<html>
<head>
<title></title>
</head>
<body style="background-color:blue;">
<table
style="width:100%;border:0;height:100%;cellpadding:0;cellspacing:0">
<tr height="100%">
<td height="100%" width="30%">
<iframe id="test1" src="test1.html" allowTransparency="true" width="100%" height="100%"></iframe></td>
<td height="100%" width="40%">
<iframe id="test2" src="test2.html" allowTransparency="true" width="100%" height="100%"></iframe></td>
<td height="100%" width="30%">
<iframe id="test3" src="test3.html" width="100%" height="100%"></iframe></td>
</tr>
</table>
</body>
</html>

test1.html网页页面编码:

拷贝编码
编码以下:

<html>
<head>
<title></title>
</head>
<body bgcolor="transparent">
<h1>test1</h1>
</body>
</html>

test2.html网页页面编码:

拷贝编码
编码以下:

<html>
<head>
<title></title>
</head>
<body>
<h1>test2</h1>
</body>
</html>

test3.html网页页面编码:

拷贝编码
编码以下:

<html>
<head>
<title></title>
</head>
<body>
<h1>test3</h1>
</body>
</html>

这个小事例关键是iframe标识的allowTransparency特性运用,在该特性设定为true而且iframe所载入的子网页页面的<body>标识情况色调设定为transparent(全透明)时,iframe将全透明化。

allowTransparency设定或获得目标是不是可为全透明。
bgColor 设定或获得目标的情况色调。