所有開發前端的學生都必須知道，IE6是兼容BUG多瀏覽器，不支持PNGalpha暫時不管通道。其文檔的分析和理解規范也引起了許多煩人BUG，有時甚至讓人感到絕望。本文主要講解一些容易遇到的事情。IE6BUG，以及解決方案。一、IE6雙倍邊距bug使用頁面上的元素float無論是向左還是向右浮動；只要元素有margin像素會使值乘以2，例如margin-left:10px”在IE6.該值將分析為20px。想解決這個問題BUG需要在加元素display:inline或display:block明確其元素類型可以解決雙邊距BUG二、IE6中3像素問題及解決方案當元素使用float浮動后，元素與相鄰元素之間會產生3px的間隙。奇怪的是，如果右側的容器沒有設置高度3px間隙位于相鄰容器內部，設定高度后跑到容器的相反側。要解決這類BUG如果需要在同一行添加布局的元素float浮動。三、IE6中奇數寬高BUGIE6中奇數的高寬顯示大小與偶數的高寬顯示大小不同。問題在于奇數高寬。為了解決這些問題，我們只需要嘗試定位外部位置div高寬可以寫成偶數。四、IE圖片鏈接鏈接下方有間隙IE圖片下方會有一定的間隙，尤其是圖片垂直靠近圖片時。要解決這類問題，需要解決img標簽定義為display:block或定義vertical-align對應屬性。也可以為img寫入相應的樣式font-size:0五、IE6下空元素的高度BUG如果一個元素沒有任何內容，在樣式中設置0-19px兩者之間的高度。這個元素的高度一直是19px。有四種解決方案：1.在元素的css中加入：overflow:hidden2.插入元素html注釋：<!–>3.插入元素html的空白符： 4.在元素的css中加入：font-size:0六、重復文字BUG在一些復雜的排版中，有時會出現浮動元素后面的字符clear去除元素下面。解決方案如下：1.確保所有元素都有display:inline2.在后一個元素上使用margin-right:-3px3.為浮動元素的后一個條目添加條件注釋，<!–[if!IE]>xxx<![endif]–>4.在容器的后元素使用一個空白的div，為這個div指定不超過容器寬度。七、IE6中z-index失效具體BUG為了設置元素的父級元素z-index為1，然后設置子級元素z-index當它失敗時，它的級別將繼承父級元素的設置，導致某些級別的調整BUG。可以閱讀詳細的解釋IE在中部情況下z-index無效的原因和解決方案結論：實際上IE6中，很多BUG可以使用解決方案display:inline、font-size:0、float解決。所以寫代碼的時候要記住，一旦用了float浮動增加了元素display:inline樣式可以有效避免浮動造成的樣式混亂。使用空DIV為了避免其對布局美觀的高度影響，也可以添加font-size:很容易避免一些兼容性問題。