css兼容问题

1.a标签里嵌套img时，不同浏览器下会出现不同颜色边框：
2.各个浏览器下图片与图片之间有间隙：
3.清浮动clear:after{content: “”;clear:both;height:0;overflow:hidden;}zoom1
4.filter:alpha(opacity = 50)；滤镜设置透明度
5.ie6有float，有横向margin时，ie双倍间距，设置display:inline;
6.在ie6，不要让内容宽高超出我们设置的宽高，因为内容会撑开设置好的宽高
7.在ie6下默认有行高
8.在ie6下最小高度19px 解决：overflow: hidden
9.在ie6下png图片不透明 条件注释
10.左浮元素margin-bottom失效 解决：用padding
11.ul、ol的li中,如有元素浮动,在ie6中会出现多出几像素的问题 解决：LI浮动 或者浮动元素inline-block

CSS 注意的问题

1.子元素有相对定位并且溢出，父级overflow包不住子元素
2.ie6下绝对定位元素的父级宽高是奇数的时候元素的right和bottom值会相差1px
3.兄弟之间用margin父子之间用padding
4.在ie6下百分比计算后默认四舍五入
5.P不能嵌套DIV ,A不能嵌套A
6.文字和块的水平居中和垂直居中

IE6怪癖解析

IE6怪癖解析其实是因为IE6存在两种解析模式，一种是hasLayout，一种是IE6私有的。触发怪癖解析有很多情况，比如最常见的当IE6没有书写doctype声明。
怪癖解析与正常解析有很多细微的差异，其中最明显的就是对盒模型的解析。怪癖解析下，盒模型的宽高是指盒子的border+padding+内容宽高。
解决办法就是触发hasLayout，使IE6进入正常的解析模式，比如css属性zoom:1;当然最好的解决办法就是避免进入怪癖解析，修改正确的doctype声明。