# ie6bug #
## 双边距bug ##
- 子元素的有浮动和margin的情况下,margin值被放大两倍,
- 解决办法:display:inline;
## 文字溢出bug ##
- 子元素和父元素的宽度相差小于3px时,并且两个浮动子元素之间有内联元素,这时,会出现文字溢出。
- 解决办法:将内联元素加上一个div,整体变成块元素。或者将父元素宽度增加。
## 绝对定位元素消失bug ##
- 当绝对定位元素元素与浮动元素同级,绝对定位元素消失
- 解决办法:两个之中一个嵌套一层div
## ie6子级元素有相对定位,则父级元素的overflow保不住它 ##
- 解决办法父级元素也加relative
## ie6下position:fixed ##
- position:fixed该元素依然随滚动条滚动。
## ie6下table ##
- table里面的tbody与tr都有背景,那么有一个背景会无效。
## input表单 ##
- 表单输入框上下会有1px偏差,是外界撑开的,若是外围高度与input高度差的比较多就不会了。可以用input设置float解决。
- 表单输入框设置border:none,仍会有border,可以重新设置input背景色解决。
## ie6条件注释语句 ##
- ie6-ie9中会有独特的条件注释符,具体表现为:<!--[if IE 6]><![endif]-->
## css hack ##
- 为了兼容ie,出现了css hack,
1. /9:代表ie10之前的浏览器,例如:background:yellow/9;
2. +,*:代表ie7即之前的浏览器浏览器,例如:+background:red;
3. _:下划线代表ie6及之前浏览器。
## !importment问题 ##
- !importment提升样式优先级。浏览器都支持,举例:background:yellow !importment
- ie6下,如果在标记!imporment样式后面再加上同样的样式,!importment所代表的样式会失效
## 双边距bug ##
- 子元素的有浮动和margin的情况下,margin值被放大两倍,
- 解决办法:display:inline;
## 文字溢出bug ##
- 子元素和父元素的宽度相差小于3px时,并且两个浮动子元素之间有内联元素,这时,会出现文字溢出。
- 解决办法:将内联元素加上一个div,整体变成块元素。或者将父元素宽度增加。
## 绝对定位元素消失bug ##
- 当绝对定位元素元素与浮动元素同级,绝对定位元素消失
- 解决办法:两个之中一个嵌套一层div
## ie6子级元素有相对定位,则父级元素的overflow保不住它 ##
- 解决办法父级元素也加relative
## ie6下position:fixed ##
- position:fixed该元素依然随滚动条滚动。
## ie6下table ##
- table里面的tbody与tr都有背景,那么有一个背景会无效。
## input表单 ##
- 表单输入框上下会有1px偏差,是外界撑开的,若是外围高度与input高度差的比较多就不会了。可以用input设置float解决。
- 表单输入框设置border:none,仍会有border,可以重新设置input背景色解决。
## ie6条件注释语句 ##
- ie6-ie9中会有独特的条件注释符,具体表现为:<!--[if IE 6]><![endif]-->
## css hack ##
- 为了兼容ie,出现了css hack,
1. /9:代表ie10之前的浏览器,例如:background:yellow/9;
2. +,*:代表ie7即之前的浏览器浏览器,例如:+background:red;
3. _:下划线代表ie6及之前浏览器。
## !importment问题 ##
- !importment提升样式优先级。浏览器都支持,举例:background:yellow !importment
- ie6下,如果在标记!imporment样式后面再加上同样的样式,!importment所代表的样式会失效