那一抹温暖的阳光,是我们永恒的向往。
www.webbar.cn

iframe透明问题

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 设置或获取对象的背景颜色。

例:

<html>

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<title>父页面</title>
</head>

<body bgcolor=”#FF0000″>
<iframe src=”index.htm”  allowTransparency=”true”></iframe>
</body>

</html>
<html>

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<title>子页面</title>
<style type=”text/css”>
body
{
background-color: transparent;
}

</style>
</head>

<body>

</body>

</html>

时间:2013-01-18
分类:HTML , 前端开发

Comments are closed.

Search