在使用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调用页面背景透明的效果。