注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

星期五

明天不上班

 
 
 

日志

 
 
关于我

一个特立独行的Java程序员,比较宅,上上网,写博客,听音乐,看电影。

网易考拉推荐

IE6 bug汇总  

2014-06-18 19:26:10|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
https://github.com/hjzheng/IE6-bugs

IE6-bugs
========
(内容来自妙味课堂笔记)
注意: html文件夹中有对应bug重现的html页面

#### 1.
计算一定要精确 不要让内容的宽高超出我们设置的宽高
在IE6下,内容会撑开设置好的宽高

#### 2.
在IE6元素浮动,如果宽度需要内容撑开,就给里边的块元素都加浮动

#### 3.
在IE6,7下元素要通过浮动并在同一行,就给这行元素都加浮动

#### 4.
P标签中不要嵌套块元素

#### 5.
IE6下最小高度问题
在IE6下元素的高度的小于19px的时候,会被当做19px来处理
解决办法:overflow:hidden;

#### 6.
1px dotted 在IE6下不支持 ,因为精度计算的问题,会显示成虚线,2px或大于2px的dotted就可以正常显示 
解决办法:切背景平铺

#### 7.
标准浏览器 解决子元素margin传递到父元素的bug
解决方法:
1.加float 
2.overflow:hidden IE6下需要出发haslayout
在IE6下解决margin传递要触发haslayout
 
(如果有边框margin就不会传递到父元素上
在IE6下父级有边框的时候,子元素的margin值消失
解决办法:触发父级的haslayout )

#### 8.
IE6下双边距BUG
在IE6,块元素有浮动和和横向的margin值 ,横向的margin值会被放大成两倍
解决办法: display:inline;

#### 9.
基于上面的bug
如果有一排浮动元素:
margin-right 一行右侧第一个元素有双边距
margin-left 一行左侧第一个元素有双边距

#### 10.
在IE6,7下,li本身没浮动,但是li的内容有浮动,li下边就会产生一个间隙
解决办法:
  1.给li加浮动
  2.给li加vertical-align

#### 11.
在IE6,7下,li本身没浮动,但是li的内容有浮动,li下边就会产生一个间隙 4px
解决办法:
1.给li加浮动
2.给li加vertical-align
 
当IE6下最小高度问题,和 li的间隙问题共存的时候 给li加浮动
先解决最小高度 overflow:hidden; 在加float处理li间隙

#### 12.
当一行子元素占有的宽度之和和父级的宽度相差超过3px,或者有不满行状态的时候,
最后一行子元素的下margin在IE6下就会失效

#### 13.
在IE6下的文字溢出BUG    
子元素的宽度和父级的宽度相差小于3px的时候,两个浮动元素中间有注释或者内嵌元素
解决办法:用div把注释或者内嵌元素用div包起来


#### 14.
当浮动元素和绝对定位元素是并列关系的时候,在IE6下绝对定位元素会消失
解决办法:
给定位元素外面包个div


#### 15.
在IE6,7下,子元素有相对定位的话,父级的overflow包不住子元素
解决办法: 给父级也加相对定位

#### 16.
在IE6下绝对定位元素的父级宽高是奇数的时候,元素的right值和bottom值会有1px的偏差

#### 17.
IE6下 不支持fixed定位方法,只有通过js定位的方式

#### 18.
IE6下就不要给tr和tbody同时加背景样式

#### 19.
在IE6,7下输入类型的表单控件上下各有1px的间隙
解决办法:给input加浮动
 

#### 20.
在IE6,7下输入类型的表单控件加border:none;
解决办法: 重置input的背景

#### 21.
在IE6,7下输入类型的表单控件输入文字的时候,背景图片会跟着一块移动
解决办法: 把背景加给父级

如果有新发现,请继续补充

参考资料:
http://w3help.org/zh-cn/causes/index.html
  评论这张
 
阅读(176)| 评论(0)
推荐

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017