IE6、7兼容性

1、h5标签（引用JS)
2、元素浮动之后能设置宽度的话就给元素加宽度，如果需要宽度是内容撑开，就给它里面的元素加浮动
3、第一块元素浮动，第二块元素加margin值等于第一块元素，在IE6下会有间隙问题
解决：a 不建议这么写 b 用浮动解决 （不用margin）
4、IE6下子元素超过父级宽高会把父级元素撑开
解决：注意不要让子元素的宽高超过父级
5、P包含块元素嵌套规则
6、margin兼容性问题
a：IE6下margin-top传递问题
解决：出发BFC、haslayout{overflow：hidden；zoom：1；}
b 上下margin叠压
解决：尽量使用同一方向上的margin，比如都设置top或者bottom
7、display:inline-blick
解决：{*display:inline;
*zoom:1;}
8、IE6最小高度IE6下最下高度19px
解决：{overflow：hidden}
9、IE6双边距当元素浮动后在加margin，那么就会产生双边距
解决：针对IE6、7添加{display：inline；}
10、li里元素都浮动在IE6、7下方会产生4px的间隙问题
解决：针对IE6、7{vertical-align:top ; }
11、浮动元素之间注释，导致多复制一个文字问题
触发条件：两个浮动元素中间有注释或者内联元素并且和父级宽度相差不超过3px
解决：a ：两个浮动元素中间避免出现内联元素或者注释
b ： 与父级的元素相差3px或者以上
12、IE6、7父级元素的overflow：hidden是包不住子集的relation
解决：针对IE6、7给父级添加相对定位
13、IE6下绝对定位元素宽高是奇数绝对定位的元素的right和bottom值会有1px的偏差
解决：避免父级元素宽高出现奇数
14、IE6下绝对定位元素和浮动元素并列绝对定位元素消失
解决：浮动元素和绝对定位元素是同级的话定位元素就会消失，所以只要让它们不处于统计就可以避免
15、ie6下input的空隙
解决：给input元素添加float
16、ie6下输入类型表单控件背景问题
解决：设置{background-attachment：fixed；}
17、css hack针对不同的浏览器写不同的css样式的过程，就叫css hack
a：\9所有的ie10 及以前
b:✳ie7及ie7以下的
c：_ie6及ie6 以下的版本
18、PNG24兼容性问题
ie6 不支持PNG24图片
解决：a : JS插件（问题：不能处理body之上的png24）
DD _belatedPNG.fix(’###’);
b :原生滤镜
19、样式优先级提升样式优先级
默认<类型<class<id<style<!important
!important 提升样式优先级权重