IE6兼容性

1. ie6不支持min-height
 第一种方法：我们可以利用IE6不识别!important来实现：
height:auto!important;  
 height:500px;
 min-height:500px;

还有一种方法：在IE6 IE5 IE7 测试竟然正常，而且能通过W3C检测的,方法如下: 
#test { min-height:100px; background:#BBB; _height:100px; overflow: visible; } 
min-height:100px;这一句在ie7和FF已经可以正常显示了。。
_height:100px这一句在ie6，ie5测试显示正常。但不能过W3C验证:L
overflow:visible;这一句为了注明#test当内容超过100px时就自动延长。 

2.text-indent在IE6/IE7中的位置偏移BUG 

text-indent一般用来实现文字缩进，不过更多的时候是用来实现文字隐藏。发现在IE6/IE7中，text-indent会导致inline- block元素出现向左(text-indent的值为负时)或向右(text-indent值为正时)的偏移。
inline-block元素设置text-indent在IE6/IE7中不正常，在IE8中正常。造成这种情况的原因应该是IE6/IE7并没有真正实现inline-block， 而是通过设置display:inline-block触发了IE的layout， 从而使内联元素拥有了inline-block属性的表症。
解决方法：

  .element {display:inline-block !important; display:block;}  因为ie6/ie7不支持 important 属性，所以在 ie6/ie7 下元素会显示为一个 block 级元素，而在支持 important 的浏览器（firefox, safari）下元素将显示为一个 inline-block 级元素。 

 
3.IE6不支持透明度

opacity：0.5;  //设置div的透明度  css3中的属性：部分浏览器不支持

filter：Alpha(opacity=50);//滤镜