常見瀏覽器的兼容性問題？？？

1.png24位的圖片在iE6瀏覽器上出現背景，解決方案是作成PNG8

2.瀏覽器默認的margin和padding不一樣。解決方案是加一個全局的*{margin:0;padding:0;}來統一。

3.IE6雙邊距bug:塊屬性標籤float後，又有橫行的margin狀況下，在ie6顯示margin比設置的大。 
浮動ie產生的雙倍距離 #box{float:left;width:10px;margin:0 0 0 10px;} 這種狀況之下IE會產生20px的距離，解決方案是在float的標籤樣式控制中加入 ——display:inline;將其轉化爲行內屬性。(這個符號只有ie6會識別) 漸進識別的方式，從整體中逐漸排除局部。 
首先，巧妙的使用「\9」這一標記，將IE遊覽器從全部狀況中分離出來。 
接着，再次使用「+」將IE8和IE七、IE6分離開來，這樣IE8已經獨立識別。 css.bb{background-color:#f1ee18;/全部識別/.background-color:#00deff\9;/IE六、七、8識別/+background-color:#a200ff;/IE六、7識別/_background-color:#1e0bd1;/IE6識別/}

4.IE下,既可使用獲取常規屬性的方法來獲取自定義屬性, 又可使用getAttribute()獲取自定義屬性;Firefox下,只能使用getAttribute()獲取自定義屬性. 解決方法:統一經過getAttribute()獲取自定義屬性.

5.IE下,even對象有x,y屬性,可是沒有pageX,pageY屬性;Firefox下,event對象有pageX,pageY屬性,可是沒有x,y屬性.    解決方法：（條件註釋）缺點是在IE瀏覽器下可能會增長額外的HTTP請求數。

6.Chrome 中文界面下默認會將小於 12px 的文本強制按照 12px 顯示, 可經過加入 CSS 屬性 -webkit-text-size-adjust:none; 解決. 若是這一屬性也不成 使用 transform:scale 來實施

7.超連接訪問事後hover樣式就不出現了 被點擊訪問過的超連接樣式再也不具備hover和active樣式了 
解決方法是改變CSS屬性的排列順序:LoVe-HA:a:link{}a:visited{}a:hover{}a:active{}

 

不按期更新中。。。。。。