在使用iframe的時候,有時候想要讓調(diào)用的iframe框架里面的不顯示白背景,讓它變得透明,在firefox是透明的,但是在IE瀏覽器卻不透明。我們該怎么樣處理,使得IE下的iframe背景透明,達(dá)到與主框架統(tǒng)一的效果呢?
這個其實比較容易解決,只需要增加一個屬性即可。
就是在iframe標(biāo)簽中加入屬性allowtransparency="true"
要在iframe里面增加一個屬性 allowtransparency="true",如藍(lán)色代碼部分。
<iframe src="weste.html" id="rss" width="90%" height="200" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
我看到網(wǎng)上有些寫的還要在iframe調(diào)用的頁面body中加入style="background-color:transparent",這個其實在IE6和以上版本的瀏覽器是不需要的,這個對應(yīng)只是在IE5.5瀏覽器才需要。但是一定要注意再頁面中千萬不能加入任何背景或者背景色,這樣才能實現(xiàn)出透明效果。
如果被調(diào)用的頁面時我們不能控制的,可以使用:
IFRAME.contentWindow.documnet.body.backgroundColor="transparent"
來使其透明。
這樣就實現(xiàn)了iframe調(diào)用頁面背景透明的效果。