您的位置:首页 > Web前端 > HTML

IE6下iFrame页面嵌套html空白问题解决

2014-01-10 15:13 603 查看
IE6下用iframe嵌套页面:

<iframe src="http://externaldomain.com/something.html">


被嵌套页面如果有如下css:

html { position: relative; }


会导致出现如下问题:

被嵌套页面先加载出来,然后变为空白。

原因:

被嵌套html定位到西伯利亚去了。

解决办法:

在被嵌套的html加载完成后,把iframe的position属性值改为relative。

例一:

iframe页:

<iframe src="http://externaldomain.com/something.html">


被嵌套页:

html { position: relative; }

解决办法:

直接在iframe上增加属性:style="position:relative;"

例二:

iframe页:

<iframe src="http://externaldomain.com/something.html">


被嵌套页:

document.getElementsByTagName('HTML')[0].style.position = 'relative';


解决办法:

在iframe上增加如下属性:

onload=changePosition(this);

变成:

<iframe src="http://externaldomain.com/something.html" onload=changePosition(this);>


然后新增个方法:

function changePosition(obj){
obj.style.position='relative';
}


这样,就可以了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐