`
zhouyrt
  • 浏览: 1159216 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE6下iframe内容不显示bug

    博客分类:
  • BUG
阅读更多

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对象。

分享到:
评论
1 楼 ejzhang 2014-04-30  
IE6 动态创建 iframe 无法显示的 bug
http://www.veryhuo.com/a/view/43121.html

相关推荐

    IE6 innerHTML写入的iframe src不显示BUG的解决方法

    IE下得标签BUG有很多,这次是用innerHTML写入的iframe 不显示,在网上查了很久,终于找出了元凶,标签的href属性导致了BUG无法显示,这个属性去掉就好了,以后遇到在IE下得标签BUG,先尝试去掉href这个属性,说不定...

    Jquery 解决IE6 Select 框总是在图层(div)的上面显示的BUG

    本文将深入探讨如何利用jQuery解决一个特定的问题:在IE6下,Select元素总是显示在具有较高z-index的图层(如div)之上。 首先,我们要理解z-index的概念。在CSS中,z-index是一个用于控制元素在垂直方向(即Z轴)...

    解决在iframe页面里使用了DD_belatedPNG后显示空白的bug

    1. **跨域限制**:由于同源策略,`iframe`加载的页面如果与父页面不在同一域名下,可能会受到安全限制,导致JavaScript无法正确执行,从而影响到`DD_belatedPNG`的运行。 2. **CSS样式问题**:`iframe`内的CSS样式...

    CSS浏览器兼容和IE中bug问题

    ### CSS浏览器兼容性与IE中的Bug处理 #### CSS兼容性问题概述 在Web开发中,浏览器的兼容性问题一直是开发者需要面对的重要挑战之一。不同浏览器(如IE、Chrome、Firefox等)对CSS的支持程度和解释方式存在差异,...

    解决 Ie 6下 select挡住div的通用函数

    /** * 让iframe 显示在 指定的div下面 针对ie6 select挡住div 的bug 采用 iframe来当作div的底 * * @param string divId 需要解决的div层 * @param string iframeId 采用的 IFRAME ,如果不指定 自动...

    解决IE6下三级下拉菜单被select遮挡的问题.docx

    总结来说,解决IE6下三级下拉菜单被`&lt;select&gt;`遮挡的问题主要通过以下两步: 1. 在下拉菜单元素之前插入一个透明的`&lt;iframe&gt;`,提高菜单的z-index层次。 2. 使用CSS控制菜单的布局和交互效果,包括定位、浮动、显示...

    IE6 select z-index无效,遮挡div bug的解决方法

    今天我说说iframe解决的一般方法,已经使用jQuery插件bgiframe解决IE6 select z-index无效,遮挡div的bug。 解决方法之一:Iframe包裹select元素 使用iframe包住select,这样iframe有z-index,只要在div上设置的z-...

    IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点

    本文所述为IE6下的一个BUG. 项目里面写了一个自己封装的弹出层,原理是先动态添加一个遮罩层,再动态添加一个DIV(Table)层(做弹出层的PNG半透明边框效果),DIV里面动态添加一个IFrame,这个Iframe页面指向一个现存...

    IE6下js通过css隐藏select的一个bug

    标题中提到的知识点是“IE6下js通过css隐藏***t的一个bug”,这意味着在IE6这款古老的浏览器中,开发者可能会遇到使用JavaScript结合CSS去隐藏***t元素时出现的兼容性问题。在现代的Web开发中,使用display:none;...

    IE6下div层被select控件遮住的问题解决方法

    在互联网的早期,尤其是IE6浏览器占据主导地位的时代,开发者们常常会遇到一个棘手的问题:在页面上,当一个`div`层位于`select`下拉框之上时,`select`控件会穿透`div`层显示出来,导致设计效果无法正常展现。...

    IE6之Select的Z-Index設定【解决IE6的z-indexBUG】

    在IE6的環境下,如果網頁上有div區塊和下拉選單重疊在一起的時候,即使再怎麼調整下拉選單的z-index,下拉選單還是會把div區塊蓋住(在Firefox是正常的),google了一下網路上的資料,大多是用iframe來解這個問題,但...

    ie6 select无法被div遮盖的bug解决方法

    通过以上步骤,我们可以成功地使用`&lt;iframe&gt;`作为遮罩层,解决IE6下`&lt;select&gt;`无法被`&lt;div&gt;`遮盖的问题。值得注意的是,虽然这个方法在IE6中有效,但它并不适用于其他现代浏览器,因为这些浏览器已经修复了这个问题...

    iframe的src设置为about:blank之后细节探讨

    这是 IE6 的一个已知 Bug,开发者需要特别注意这个问题,特别是在需要频繁创建和销毁 `iframe` 的场景下。 4. **删除 `iframe`**:除了清空内容,如果不再需要 `iframe`,可以通过 `document.body.removeChild(el)`...

    IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug

    这段代码在IE6/7下不起作用。原因是IE6/7对这些属性的大小写敏感,因此需要将`s`和`p`都改为大写: ```javascript table.setAttribute('cellSpacing', '10'); table.setAttribute('cellPadding', '10'); ``` 这样...

    ymPromptEx.js

    解决IE6/7 iFrame里中嵌套使用该控件,导致内层现实不正常的Bug

Global site tag (gtag.js) - Google Analytics