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