[工作问题总结]IE6 下iframe 空白 实践解决

------------------------------ASP.Net+Android+IO开发 .Net培训 期待与您交流！------------------------------

有关这个问题,我在网上找了好多解决方案,但用到我这边一个都不管用,发现很多时候都会遇到这种情况,所谓的......完美解决方案,不一定适合自己.

每个人开发环境不同吧,就拿这个问题来说,网上有不使用 a 标签来触发 onclick 事件...这个说的是最多的,但我的确没有用a标签触发事件...

只能一步一步,在最简单的环境下重现bug,再慢慢的删代码来找根本原因...

最终 我遇到的IE6 下iframe 空白问题居然跟width height 100%有关系

因为我有尝试赋予其他的值 它就出来了

其实就简单了 也就是IE6下的 width height 100% 的问题了

网上找到的解决方案是: 在IE6下，如果要给元素定义100%高度，必须要明确定义它的父级元素的高度，如果你需要给元素定义满屏的高度，就得先给html和body定义height:100%;。

/* 给child元素定义100%高度（IE6）*/
#parent {height:500px;}
#child {height:100%;}

/* 定义满屏高度（IE6）*/
html, body {height:100%;}
#fullLength {height:100%;}

所以就这样解决了......

------------------------------ASP.Net+Android+IO开发 .Net培训 期待与您交流！------------------------------