關於ie6出現的問題的原因歸結

關於ie6出現的問題主要可以歸結為以下幾種情況把。

當然還存在各種原因，bug的情況也還有各種各樣，我只是小結一下我自己經常遇到，比較有代表性的問題。會持續的更新。

1。瀏覽器本身存在的缺陷

比如：1》左浮動的元素，加了左補白(margin-left)，就會出現雙倍邊距的問題。（我們可以盡量去避免這些問題，在不影響結構和其他樣式的情況下，可以用左邊距（padding-left）,雖然兩者在語意上是有區別的。）

2》絕對定位元素的1畫素間距bug，當絕對定位元素的父元素高或寬為奇數時，bottom和right會產生錯誤，唯一的解決辦法就是給父元素定義明確的高寬值，但對於液態布局沒有完美的解決方法。（我的解決方法是針對ie6寫了乙個：_bottom:-1px;）

2。與標準的不同(觸發布局的方式和其他瀏覽器不同)

比如：浮動的清除（關閉）

1.overflow : hidden;

2.設定高寬

3.clear:both;

4.zoom:1;

5.還有專門的浮動清除的類：

.clearfix:after

.clearfix .

這是因為在ie中觸發布局的方式和其他瀏覽器不同。所以有時候在**中加zoom:1;是非常有用的。

3。不支援一些元素或者方法（這些元素或者方法出現在ie6出現之後）

比如：1．透明讀屬性opacity。在ie6，7，8中都是無效的，我們可以用filter來代替：opacity: 0.5; filter:alpha(opacity=50);但是考慮到效能問題，也可以直接不考慮低階版本瀏覽器。

3. css3中的一些樣式效果，比如圓角，陰影之類的都是用漸進增強，平穩退化的原則。

4. json.stringify方法ie6.7是不支援的。如果要考慮ie6.7需要用其他方法。