IE6下iframe内容不显示bug

最近项目中，一个页面 page_a.html 中包含一个 iframe，它的 src 属性指向 page_b.html， 在IE7, 8 & Firefox 中均能正常显示，但是在 IE6 下面 iframe 显示空白（假如在 iframe 区域右键刷新，则能显示 page_b.html 页面内容），而使用 IE6 单独打开 page_b.html 则显示正常。甚是奇怪。 通过 google， 找到一篇文章：http://blog.sina.com.cn/s/blog_473491a40100grk7.html 发现博主所述问题与我的问题几乎一样，暂且把问题解决了： 不使用 a 标签来触发 onclick 事件，使用 div 来替代。 但是这篇博文并未找到真正的原因。各位大大，有过类似的经历么？这个问题的真正原因在哪里呢？

解决方案总结：

1. 不使用 a 标签来触发onclick事件
2. a 标签的 href ="###" 而不使用 href="javascript://" 和 href="javascript:void(0)"
3. 在 click 事件的处理函数中添加 return 语句： onclick="work(); return false;"   【强烈推荐】
时间： 2024-10-06 11:59:32

IE6下iframe内容不显示bug的相关文章

IE6下绝对定位层不显示

之前遇到一个超级坑的问题: 一个绝对定位的元素,在firefox,chrome,ie8-9下都可以正常显示,就是IE6中不显示． 尝试过设置z-index, float:left,display,block等,绝对定位的元素还是没有显示出来, 然而,我在此元素上加上 clear属性即可解决: 网上大神解决方法如下: 1.在绝对定位元素外层加一空白div,不应用任何样式．终于,绝对定位的元素显示出来了． 2.在采用"position:aboslute"进行绝对定位的元素前增加一个清除浮动

IE6下margin双倍边距Bug的处理办法

改了一天,我才发现了问题,除了IE6双倍边距之外,其他的浏览器都没有问题,为此改了无数次的代码.为了修复双倍边距bug,整理了一下的资料. 一.什么是双边距Bug? 先来看图: 我们要让绿色盒模型在蓝色盒模型之内向左浮动,并且距蓝色盒模型左侧100像素.这个例子很常见,比如在网页布局中,侧边栏靠左侧内容栏浮动,并且要留出内容栏的宽度.要实现这样的效果,我们给绿色盒模型应用以下CSS属性: 以下为引用的内容:.floatbox { float: left; width: 150px; height

CSS3对于盒中容纳不下的内容的显示——overflow属性

overflow属性 1.如果将overflow属性值设定为hidden,则超出容纳范围的文字将被隐藏起来. div{ overflow:hidden; } 2.如果将overflow属性值设定为scroll,则div元素中将出现固定的水平滚动条与垂直滚动条,文字超出div元素的容纳范围时将被滚动显示. div{ overflow:scroll; } 3.如果将overflow属性值设定为auto,则当文字超出div元素的容纳范围时根据需要出现水平滚动条或垂直滚动条,并且滚动显示超出容纳范围的内

IE6下的bug

一.IE6双倍边距bug 当页面上的元素使用float浮动时,不管是向左还是向右浮动:只要该元素带有margin像素都会使该值乘以2,例如“margin-left:10px” 在IE6中,该值就会被解析为20px.想要解决这个BUG就需要在该元素中加入display:inline 或 display:block 明确其元素类型即可解决双倍边距的BUG 二.IE6中3像素问题及解决办法 当元素使用float浮动后,元素与相邻的元素之间会产生3px的间隙.诡异的是如果右侧的容器没设置高度时3px的间

ie6下js更新元素display:block后，仍然不显示的hack办法

$hotGames.html(html).removeClass("hide").show();//代码执行到这里,在ie6下仍然无法正常显示 //只有执行了下边的两行代码后,才正常显示.if (isIE6 === true) { $hotGames.css({"position":"absolute"}); setTimeout(function(){$hotGames.css({"position":"stati

IE6下兼容问题（转载）

()1.终极方法:条件注释 <!--[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本. <![endif]--> <!--[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本. <![endif]--> <!--[if gt IE 6]> 这段文字仅显示在 IE6以上版本(不包含IE6). <![endif]--> <!--[if IE 5.5]> 这段文字仅显示在 IE5.5. &

DD_belatedPNG插件图片不显示bug

一直很少做PC页面,兼容问题更是接触的少之又少,今天做了一个小导航,发现IE6下只有第一个显示 这里是正常的效果 IE6下,背景都消失不见了. 解决办法,去掉元素设置背景时的CSS里的no-repeat就解决了,具体原因,有时间了细细研究下 DD_belatedPNG插件图片不显示bug,布布扣,bubuko.com

HTML/CSS IE6、7兼容性问题、bug总汇

IE6,7下li.img的间隙------------------- 在IE6,7下li本身没浮动,但是li内容有浮动的时候,li下边就会产生几px的间隙 解决办法: 1.给li加浮动,给其父级清浮动 2.给li加vertical-align:top; 当IE6下最小高度问题,和 li的间隙问题共存的时候 给li加浮动 img元素在本身没有浮动也没有宽高的时候,会距离父级底部有几px间隙 解决办法: 1.给img加浮动,给其父级清浮动 2.给img加vertical-align:top; IE6

兼容IE6下，各种浏览器，鼠标滑动img图片阴影效果

以下为源码: Html源码 mutal为事件触发层 shade为遮罩层 mutual内不要有空格,不然ie6下会有text的bug,会导致阴影加高. <!-- mutual 标签内不要有空格 --><a class="mutual" href=""><img src="" width="237" height="358"><div class="shade