iframe 兼容性解决方案

如何让iframe的背景透明内容不透明？

关于flash的透明，可参考flash.html

iframe背景透明

给iframe标记加上allowtransparency属性并设置为true即可以让iframe在IE下透明
<iframe src="iframe-test-content.html" allowtransparency="true"></iframe>

iframe{
    position:relative;
    z-index:3;
    width:420px;
    height:120px;
    color:#fff;
}

在父层控制iframe内body的边距为0

经常在页面中使用iframe引入 百度地图/Google地图，对于远程的页面无法重设其body的边距，导致实现引用盒子之间的间隙问题，如下：

问题解决前：

问题解决后：

给 iframe 标签添加上 marginheight="0" marginwidth="0" 属性即可

<iframe src="iframe-test-content.html" allowtransparency="true"></iframe>

iframe{
    position:relative;
    z-index:3;
    width:420px;
    height:120px;
    color:#fff;
}

关于 iframe 自适应高度的问题

引用不定高度的iframe页面时，会遇到iframe自适应高度的问题，解决方法可参考iframe-auto

问题及注意事项：

实践出真知