常見瀏覽器兼容性問題

一、不一樣瀏覽器默認的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;

                }