常见浏览器兼容性问题

一、不一样浏览器默认的margin和padding不一样

   解决方案：设置CSS全局样式，*{margin: 0; padding: 0;}

二、块属性标签float后，又有横行的margin状况下，在IE6显示margin比设置的大

    解决方案：在float的标签样式控制中加入：display: inline;   将其转化为行业属性。

三、设置较小高度标签（通常小于10px），在IE六、IE7中高度超出本身的设置

    解决方案：给超出高度的标签设置：overflow: hidden; or 设置行高小于设置的高度。

四、行业属性标签，设置display: block; 后用float布局，又有横行margin状况，IE6间距bug

    解决方案：在display: block; 后加：display: inline; display: table;

五、图片默认有间距

    解决方案：使用float为img布局

六、标签最低高度设置min-height不兼容

    解决方案：{min-height: 200px; height: auto !important; height: 200px; overflow: visible}

七、透明度的兼容CSS设置

    解决方案：{

                        filter:alpha(opacity=50);   //IE

                        -moz-opacity:0.5;   

                        -khtml-opacity: 0.5;   

                        opacity: 0.5;

                }