常见兼容性问题css,html,html5,css3

1.ie6下面margin双倍：

块属性，float，有margin，解决方法是：设置display：inline；

2.ie6下面默认行高：

解决办法是：overflow：hidden/line-height:10px或者font-size:0;

3.在各种浏览器中img有空隙：

解决办法是,display:block;或者浮动float:left;

4.ie6下面不识别最大宽高，最小宽高：

解决办法是

(1)：.abc{border:1px blue solid;width:200px;height:200px;}

                          html>body .abc{width:auto;height:auto;min-width:200px;min-height:200px;}

        (2)：.abc{width:200px;height:200px;_width:200px;_height:200px;}（因为ie6有一个特征，当定义一个高度时，如果内容超过高度，元素会自动调整高度。）

或者：_height:expression(document.body.clientWidth>100?"100px":"auto")

5.li之间有间隙

解决办法是：vertical-align：middle；

6.ie6不支持fixed

/*对于非IE6可以这样写*/
#top{  
    position:fixed;  
    bottom:0;  
    right:20px;  
}  


/*但是IE6是不支持fixed定位的，需要另外重写*/
#top{  
    position:fixed;  
    _position:absolute;  
    top:0;  
    right:20px;  
    _bottom:auto;  
    _top:expression(eval(document.documentElement.scrollTop));
}  


/*使用hack使IE6实现该效果，但这个东东会闪烁，需要以下代码*/
*html{  
    background-image:url(about:blank);  
    background-attachment:fixed;  
}  


/*使固定在顶部*/
#top{  
    _position:absolute;  
    _bottom:auto;  
    _top:expression(eval(document.documentElement.scrollTop));  
}  


/*固定在底部*/
#top{  
    _position:absolute;  
    _bottom:auto;  
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop)||0)-(parseInt(this.currentStyle.marginBottom)||0)));  
}  
/*垂直居中*/
#top{
    position:fixed;
    top:50%;
    margin-top:-50px;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2)); 
}

ie的hack

/*类内部hack：*/
    .header {_width:100px;}            /* IE6专用*/
    .header {*+width:100px;}        /* IE7专用*/
    .header {*width:100px;}            /* IE6、IE7共用*/
    .header {width:100px\0;}        /* IE8、IE9共用*/
    .header {width:100px\9;}        /* IE6、IE7、IE8、IE9共用*/
    .header {width:330px\9\0;}    /* IE9专用*/


/*选择器Hack：*/
    *html .header{}        /*IE6*/ 
    *+html .header{}    /*IE7*/ 

优先级：被!important 注明的css属性具有最高优先级(.abc{color:red !important;})。但在ie6中!important具有一个bug:在同一组css属性中，!important不起作用。

7.透明度

ie：filter：alpha（opacity=80）

chrome：opacity:0.8;