iframe透明 自适应高度

 

最近有些web页面经常用到iframe，但是遇到两个很棘手的问题，一是高度自适应的问题，二是iframe出现空白页面，要如何让它背景透明？我设置了style="background-color:transparent;"但没有效果,以下是解决方法：

 

<iframe
id="iframepage" name="mainIFrame"
frameBorder=0  allowtransparency="true"
style="background-color:transparent;min-height:1000px;"
scrolling=no width="100%" onLoad="iFrameHeight()">
</iframe>

 

    javascript:

<script type="text/javascript" language="javascript">
	function iFrameHeight() {
		var ifm = document.getElementById("iframepage");
		var subWeb = document.frames ? document.frames["iframepage"].document
				: ifm.contentDocument;
		if (ifm != null && subWeb != null) {
			ifm.height = subWeb.body.scrollHeight+72;
		}
	}
</script>