IE6几个Bug的解决办法
2011-05-20 14:43
316 查看
留个笔记,以免以后忘记。
1,div height
空的div默认会有20px的高度,指定line-height和height的属性值均无效,可使用overflow:hidden。
2,img 3px
div的中img无缘无故多出3px的空闲,解决办法:
a,设置img的display:block。
b,html代码写成一行,例:<div><img src="" alt="" /></div>
3,img 变形
ie6不会按图片的比例缩放,所以会造成图片变形的问题。使用_width:expression(this.width > 110 ? "110" : true),可有效解决变形情况,不会出现变很小的问题,但是不完美。
4,div float 错位
在ie6中div float后会出现布局错位的问题,可加上display:inline可解决。
1,div height
空的div默认会有20px的高度,指定line-height和height的属性值均无效,可使用overflow:hidden。
2,img 3px
div的中img无缘无故多出3px的空闲,解决办法:
a,设置img的display:block。
b,html代码写成一行,例:<div><img src="" alt="" /></div>
3,img 变形
ie6不会按图片的比例缩放,所以会造成图片变形的问题。使用_width:expression(this.width > 110 ? "110" : true),可有效解决变形情况,不会出现变很小的问题,但是不完美。
4,div float 错位
在ie6中div float后会出现布局错位的问题,可加上display:inline可解决。
相关文章推荐
- IE6下最后几个字符重复bug的解决办法
- IE6 Select元素无法被div等元素遮盖的的bug解决办法
- ie6经典bug弹出框盖不住select的解决办法
- ie6和ie7下z-index bug的解决办法
- 写出几种IE6 BUG的解决办法
- IE6 透明PNG图片BUG解决办法
- IE6不支持min-heigt的bug解决的办法
- IE6的双倍,3px,注释引起的文字错位等几个BUG解决方法
- ie6下 line-height设置行高失效bug解决办法
- IE6 Select元素无法被div等元素覆盖的bug解决办法
- 解决IE6浮动元素产生的“双边距”BUG问题及解决办法
- IE6 Select元素无法被div等元素覆盖的bug解决办法【zz】
- IE6 Select元素无法被div等元素覆盖的bug解决办法(转)
- IE6浮动换行bug解决办法之一
- 网站重构中IE存在的几个BUG的解决办法
- CMFCTabCtrl的几个刷新BUG解决办法
- <转>IE6浏览器网页文字溢出的解决办法(重复字符bug)---隐藏float对其他float造成影响
- IE6绝对定位的bug及其解决办法
- IE6之前盒装模型Bug解决办法!
- IE6双边距bug及其解决办法