IE浏览器iframe背景透明的属性代码iframe框架里面的页面不显示白背景

内容摘要
在使用iframe的时候,有时候想要让调用的iframe框架里面的不显示白背景,让它变得透明,在firefox是透明的,但是在IE浏览器却不透明
文章正文

在使用iframe的时候,有时候想要让调用的iframe框架里面的不显示白背景,让它变得透明,在firefox是透明的,但是在IE浏览器却不透明。我们该怎么样处理,使得IE下的iframe背景透明,达到与主框架统一的效果呢?

这个其实比较容易解决,只需要增加一个属性即可。

就是在iframe标签中加入属性allowtransparency="true"

要在iframe里面增加一个属性 allowtransparency="true",如蓝色代码部分。

<iframe src="weste.html" id="rss" width="90%" height="200" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

我看到网上有些写的还要在iframe调用的页面body中加入style="background-color:transparent",这个其实在IE6和以上版本的浏览器是不需要的,这个对应只是在IE5.5浏览器才需要。但是一定要注意再页面中千万不能加入任何背景或者背景色,这样才能实现出透明效果。

如果被调用的页面时我们不能控制的,可以使用:
IFRAME.contentWindow.documnet.body.backgroundColor="transparent"
来使其透明。

这样就实现了iframe调用页面背景透明的效果。

代码注释
[!--zhushi--]

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!