iframe背景透明的设置方法

IE5.5开始支持浮动框架的内容透明。如果想要为浮动框架定义透明内容，则必须满足下列条件。
1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。
2.在 iframe 内容源文档，background-color 或 body 元素的 bgColor 标签属性必须设置为 transparent

<iframe src="./ads_top_tian.html" allowtransparency="true" style="background-color=transparent" title="test" frameborder="0" width="470" height="308" scrolling="no"></iframe>

当然前提是iframe页面中没有设置颜色.
在上面我们主要是看到了style中的一句代码style=“background-color=transparent” 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解：

<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>

现在我们来看一个实例
本例主要是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>

iframe背景透明的设置方法相关推荐

html+页面的背景透明,css设置背景透明元素不透明
css设置背景透明元素不透明在做前端页面的时候,我们会遇到这样的情况,需要背景为半透明状态,但是层里面的内容不需要为透明的状态.有时候我们设置的时候会出现不管内容还是背景同时都成透明了,如何实现背 ...
css编程设置网页背景,网页中cssbackground背景图和背景颜色的设置方法
CSS 背景这里指通过CSS对对象设置背景属性,如网页中通过CSS设置背景各种样式. Css background背景作用:设置纯色背景.背景background可以设置对象纯色的背景颜色,设置图为背 ...
微信个性化背景和头像设置方法！
微信个性化设置一般我们在使用微信时都没有注意设置,都是默认.偶尔看到身边朋友的微信,发现,哦原来微信也可以这样的滴! 为此,特意网罗了相关个性设置方法,在这里分享给大家,希望喜欢! 背景图片修改步 ...
iphone中背景图的设置方法
iphone中背景图的设置方法一,使用一个UIImageView实例做子视图,并且放最后面 - (void)setBackgroundImage { NSLog(@"set ...
iframe背景透明设置方法
iframe的背景颜色在IE下为window的当前窗口颜色(默认白色,可以在显示外观处对其进行设置),这导致在大幅背景上插入iframe时,需要给它"透底",可是IE不支持对ifr ...
iframe 去除边框背景透明等设置待修改
<iframe name="file_frame" src="UploadFile.jsp" frameborder=no border=0 marg ...
css①字体颜色正常显示，背景透明②字体颜色与背景均为透明的设置方法
①字体颜色正常显示,背景颜色透明 color:#fff; background:rgba(0,0,0,0.5); ②字体颜色与背景颜色均为透明 color:#fff; background:#00 ...
CSS设置背景透明效果
CSS设置背景透明效果设置背景透明效果有两种方法: 使用opacity属性定义透明度,范围0-1,0表示完全透明,1表示不透明,优点:可以在背景图片以及背景颜色上使用.缺点:会把设置div及其子元素 ...
IE浏览器中iframe背景BODY透明
IE浏览器中iframe会出现默认的白色背景及边框,影响美观.有边框的正常,但IE默认的HTML背景色为白色,而FF默认背景色为透明色. 此外iframe在IE中长宽为300*150,其中边框为2px ...
H5 IOS webview设置背景透明
最近遇见一个场景 APP中webview需要设置透明,同时H5也需要保持背景透明在设置html文件body的背景色为 rgba(0,0,0,0) 的时候在 Android 端是没有问题的可是在ios端 ...

iframe背景透明的设置方法

iframe背景透明的设置方法相关推荐

最新文章

热门文章