IE6下iFrame页面嵌套html空白问题解决
2014-01-10 15:13
603 查看
IE6下用iframe嵌套页面:
被嵌套页面如果有如下css:
会导致出现如下问题:
被嵌套页面先加载出来,然后变为空白。
原因:
被嵌套html定位到西伯利亚去了。
解决办法:
在被嵌套的html加载完成后,把iframe的position属性值改为relative。
例一:
iframe页:
被嵌套页:
解决办法:
直接在iframe上增加属性:style="position:relative;"
例二:
iframe页:
被嵌套页:
解决办法:
在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'; }
这样,就可以了。
相关文章推荐
- IE6下iFrame页面嵌套html空白问题解决
- [原创]IE6下wbox弹出iframe窗口加载页面空白问题解决
- 关于html中charset与<title>位置不同页面空白的问题及解决方法
- 通过 Spring Security配置 解决X-Frame-Options deny 造成的页面空白 iframe调用问题
- 解决登录失效时,跳转登录页面的iframe嵌套问题
- 利用代理页面解决html iframe跨域访问网站问题
- 利用代理页面解决html iframe跨域访问网站问题
- html 高手解决 <Iframe></frame>间的退回上一页面问题
- 利用代理页面解决html iframe跨域访问网站问题
- 关于iframe 局部刷新 全部刷新 的解决办法以及嵌套 嵌套html页面
- 今天使用ie6访问有iframe页面时,出现cookie被阻挡的问题解决方法
- 在进行页面的DIV CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”。
- [工作问题总结]IE6 下iframe 空白 实践解决
- 解决页面下载文件,资源不存在页面出现空白的问题。
- A.html页面中嵌套iframe,iframe中嵌套B.html,问从A页面获取B页面中某元素或某元素的值?
- html文件修改后缀为aspx之后在ie6中格式显示不正确问题的解决办法
- 解决iframe作为子窗口,刷新后iframe页面跳转到其它页面的问题
- achartengine之折线图---简单用法(续二)---(动态刷新)图形嵌套在页面(有问题请大家帮忙看看),已解决问题
- 解决HTML加载时,外部js文件引用较多,影响页面打开速度问题