IE6下的bug实在多，这不这次又碰到一个。
地图搜索结果页面点击一个marker的“更多信息”时，IE7，firefox3.0下都正常。IE6下却无法显示。因为是跨域访问开始以为是http请求慢造成。后更换url后仍然存在。
下面是网上的一些资料
1、认为src不能写在<iframe的后面
http://be-evil.org/showlog-91.html
http://social.msdn.microsoft.com/forums/zh-TW/236/thread/a01ee23e-08d6-414d-ba22-9922f456af3c/
2、认为iframe src的URL长度过长
http://yuweijun.blogspot.com/2008/11/when-iframe-src-is-too-long-in-ie6ie7.html
http://support.microsoft.com/kb/208427/zh-cn
3、认为iframe不能自适应高度
http://www.cnblogs.com/KenBlove/archive/2009/03/24/1420464.html
http://www.jb51.net/article/17724.htm
新建html测试，bug却没有再现，IE6下可以正常使用，很奇怪？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>IE6 IFRAME bug?</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function iframeIE6() {
var c = document.getElementById("container");
var ifr = document.createElement("iframe");
ifr.src = "http://www.sohu.com";
c.appendChild(ifr);
}
</script>
</head>
<body>
<iframe src="http://www.sohu.com" frameborder="0">
</iframe>
<input type="button" value="test" onclick="iframeIE6();"/>
<div id="container">
</div>
</body>
</html>
最后我猜测是：html书写不规范造成。因为这个结果页面是jsp动态生成的，可能其它代码造成了影响。
最后解决方法：先生成iframe，点击“更多信息”时改变iframe的src，之前是采用每次点击删除之前的iframe，添加新的iframe对象。
分享到：
相关推荐
IE下得标签BUG有很多，这次是用innerHTML写入的iframe 不显示，在网上查了很久，终于找出了元凶，标签的href属性导致了BUG无法显示，这个属性去掉就好了，以后遇到在IE下得标签BUG，先尝试去掉href这个属性，说不定...
本文将深入探讨如何利用jQuery解决一个特定的问题：在IE6下，Select元素总是显示在具有较高z-index的图层（如div）之上。 首先，我们要理解z-index的概念。在CSS中，z-index是一个用于控制元素在垂直方向（即Z轴）...
1. **跨域限制**：由于同源策略，`iframe`加载的页面如果与父页面不在同一域名下，可能会受到安全限制，导致JavaScript无法正确执行，从而影响到`DD_belatedPNG`的运行。 2. **CSS样式问题**：`iframe`内的CSS样式...
### CSS浏览器兼容性与IE中的Bug处理 #### CSS兼容性问题概述 在Web开发中，浏览器的兼容性问题一直是开发者需要面对的重要挑战之一。不同浏览器（如IE、Chrome、Firefox等）对CSS的支持程度和解释方式存在差异，...
/** * 让iframe 显示在 指定的div下面 针对ie6 select挡住div 的bug 采用 iframe来当作div的底 * * @param string divId 需要解决的div层 * @param string iframeId 采用的 IFRAME ,如果不指定 自动...
总结来说，解决IE6下三级下拉菜单被`<select>`遮挡的问题主要通过以下两步： 1. 在下拉菜单元素之前插入一个透明的`<iframe>`，提高菜单的z-index层次。 2. 使用CSS控制菜单的布局和交互效果，包括定位、浮动、显示...
今天我说说iframe解决的一般方法，已经使用jQuery插件bgiframe解决IE6 select z-index无效，遮挡div的bug。 解决方法之一：Iframe包裹select元素 使用iframe包住select，这样iframe有z-index，只要在div上设置的z-...
本文所述为IE6下的一个BUG. 项目里面写了一个自己封装的弹出层，原理是先动态添加一个遮罩层，再动态添加一个DIV(Table)层（做弹出层的PNG半透明边框效果），DIV里面动态添加一个IFrame，这个Iframe页面指向一个现存...
标题中提到的知识点是“IE6下js通过css隐藏***t的一个bug”，这意味着在IE6这款古老的浏览器中，开发者可能会遇到使用JavaScript结合CSS去隐藏***t元素时出现的兼容性问题。在现代的Web开发中，使用display:none;...
在互联网的早期，尤其是IE6浏览器占据主导地位的时代，开发者们常常会遇到一个棘手的问题：在页面上，当一个`div`层位于`select`下拉框之上时，`select`控件会穿透`div`层显示出来，导致设计效果无法正常展现。...
在IE6的環境下，如果網頁上有div區塊和下拉選單重疊在一起的時候，即使再怎麼調整下拉選單的z-index，下拉選單還是會把div區塊蓋住(在Firefox是正常的)，google了一下網路上的資料，大多是用iframe來解這個問題，但...
通过以上步骤，我们可以成功地使用`<iframe>`作为遮罩层，解决IE6下`<select>`无法被`<div>`遮盖的问题。值得注意的是，虽然这个方法在IE6中有效，但它并不适用于其他现代浏览器，因为这些浏览器已经修复了这个问题...
这是 IE6 的一个已知 Bug，开发者需要特别注意这个问题，特别是在需要频繁创建和销毁 `iframe` 的场景下。 4. **删除 `iframe`**：除了清空内容，如果不再需要 `iframe`，可以通过 `document.body.removeChild(el)`...
这段代码在IE6/7下不起作用。原因是IE6/7对这些属性的大小写敏感，因此需要将`s`和`p`都改为大写： ```javascript table.setAttribute('cellSpacing', '10'); table.setAttribute('cellPadding', '10'); ``` 这样...
解决IE6/7 iFrame里中嵌套使用该控件，导致内层现实不正常的Bug