## **在瀏覽器中遇到的哪些兼容問題？如何解決的呢？** 1. PNG24位的圖片在IE6瀏覽器上出現背景，解決方案是改成PNG8，也可以引用一段腳本進行處理。 2. 瀏覽器默認的margin 和 padding不同，解決方案是用一個全局的*{margin:0；padding:0}來統一它們。 3. IE6雙邊距Bug是指在塊屬性標簽float后又有橫行的margin時，在IE6中顯示的margin比設置的大。 4. 浮動IE產生的雙倍距離（IE6的雙邊距問題是指在IE6下，如果對元素設置了浮動，同時又設置了margin-left或margin-right，margin的值會加倍） ***** ``` #box{ float:left; width:10px; margin:0 0 0 10px; } ``` 這種情況下IE會產生20px的距離，解決方案是在float的標簽樣式控制中加入_display:inline,將其轉換為行內屬性（_這個符號只會被IE6識別） 用漸進識別的方式，從總體中逐漸排除局部 首先，巧妙地使用“\9”這一標記，將IE瀏覽器從所有情況中分離出來。 然后，再次使用“+”將IE8和IE7、IE6分離開，這樣IE8就能被獨立識別 ``` CSS .bb{ background-color:#fleel8;//所有識別 .backgound-color:#00deff\9; //IE6、7、8識別 +background-color:#a200ff;//IE6、7識別 _background-color:#le0bdl;//IE6識別 ```