4、列举你工作中遇到的IE6 BUG,谈谈解决方案
2011-10-31 15:05
316 查看
1.IE6下图片下有空隙产生
解决这个BUG的方法也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决.
2.IE捉迷藏的问[b]题 [/b]
当div应用复杂的时候每个栏中又有一些链接,DIV等这个时候容易发生捉迷藏的问题。
有些内容显示不出来,当鼠标选择这个区域是发现内容确实在页面。 解决办法:对#layout使用line-height属性或者给#layout使用固定高和宽。页面结构尽量简单。
3.DIV浮动IE文本产生3象素的bug
左边对象浮动,右边采用外补丁的左边距来定位,右边对象内的文本会离左边有3px的间距.
#box{ float:left; width:800px;}
#left{ float:left; width:50%;}
#right{ width:50%;}
*html #left{ margin-right:-3px; //这句是关键}
<div id="box">
<div id="left"></div>
<div id="right"></div>
</div>
解决这个BUG的方法也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决.
2.IE捉迷藏的问[b]题 [/b]
当div应用复杂的时候每个栏中又有一些链接,DIV等这个时候容易发生捉迷藏的问题。
有些内容显示不出来,当鼠标选择这个区域是发现内容确实在页面。 解决办法:对#layout使用line-height属性或者给#layout使用固定高和宽。页面结构尽量简单。
3.DIV浮动IE文本产生3象素的bug
左边对象浮动,右边采用外补丁的左边距来定位,右边对象内的文本会离左边有3px的间距.
#box{ float:left; width:800px;}
#left{ float:left; width:50%;}
#right{ width:50%;}
*html #left{ margin-right:-3px; //这句是关键}
<div id="box">
<div id="left"></div>
<div id="right"></div>
</div>
相关文章推荐
- 工作中遇到的浏览器差别(就不叫IE6bug了)
- 当程序不工作时,开发者常用的借口 & 程序员遇到Bug后的30种常见反应
- 大家在工作中都遇到了哪些BUG拿出来讨论啊
- ASP.NET MVC4 validate验证遇到DateTime 类型的Bug(完整解决方案)
- IE6下li中span元素右浮动的BUG解决方案(其他的类似)
- iOS工作遇到的困难以及解决方案
- [工作问题总结]IE6 缓存引起的页面无法重载问题及解决方案
- IE6 Bug及解决方案汇总
- ie6 下双倍 margin bug 及解决方案
- [置顶] 2013年工作中遇到的20个问题(Bug):161-180
- 工作中遇到的问题:百万条数据的查询、删除、修改效率提高的一些思考,解决方案(二)
- HTML+CSS结构中IE6BUG全集及解决方案
- ADT 更新遇到的一个BUG解决方案【转】
- IE6中CSS常见BUG全集及解决方案
- 使用AFNetworking框架遇到的一个经典bug的解决方案
- IE6 + Png + Fixpng 之后的Png图片点击时报错Bug及其解决方案
- XCODE 8 使用时遇到的bug及解决方案
- JavaScript在IE6下超级链接window.location.href不跳转的bug 及 解决方案
- 绝对定位九宫格IE6bug不完整解决方案
- jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案