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透明）