常见的CSS兼容性问题小结

1 . 透明度问题,标准浏览器(0-1)opacity:0.2,IE (0-100);filter: alpha(opacity=20);
2、 IE6不支持display:inline-block (inline-block 属性值,使其既具有 block 的可以设置宽高度特性,又具有 inline的同行特性)(解决vertical-align:(bottom)垂直位置方式。)

3 、(在css参考手册中有许多问题和解决方案)在IE6及更早的浏览器中定义小高度容器(因为默认有字体、行高):
overflow:hidden;font-size:0;height:1px;line-height:0;
4,IE6中浮动式产生一个双边距的问题:把元素的display:inline
5,IE6之间的浏览器不支持min-height,解决:加一个_height:200px;
6.CSShack(利用了这些浏览器的漏洞价格,专门用这些漏洞来解决兼容性问题):条件hack、属性级hack(_color:IE6;*color:IE7;color:#090\9:IE9)、选择符级hack3 (*html是IE6;*+html是IE7),
7.被点击过的超链接不再具有hover、active了
解决:CSS属性排列顺序 Link-Visit-Hover-Active，把:hover :visit之类的里面的样式设置成一样的
8、 min-height最小高度,选择符*HTML..Test{}只在IE6中可以,显示 。IE中有一个3像素BUG,当一个元素浮动,另一个元素和他并列是会有一个3像素的边距,给左边浮动的元素加一个_margin-right :3px来解决。 负值往右,正值往左
9. IE6只支持 a标签的:hover,不支持其他标签的:hover
10. IE6不支持png24的透明(png透明)