中的BUG解決方案 開發(fā)前端的學(xué)生必須知道IE6是兼容BUG的瀏覽器，并且它不支持PNG alpha通道。對文檔的分析性理解也引起了許多惱人的錯誤，有時甚至是絕望的。本文主要介紹一些比較容易遇到的IE6BUG和解決方案。

首先，IE6雙邊距錯誤

當(dāng)頁面上的元素浮動時，無論是向左還是向右浮動;只要元素具有邊緣像素，該值就乘以2，例如“margin-left: 10px”。在IE6中，該值將被解析為20px。要解決此錯誤，您需要向元素添加顯示:內(nèi)聯(lián)或顯示:塊以清除元素類型以解決雙邊距。

二，IE6 3像素問題及解決方案

當(dāng)元素浮動浮動時，元素與相鄰元素之間存在3px的間隙。令人驚訝的是，如果右側(cè)的容器未設(shè)置為高度，則3px間隙位于相鄰容器內(nèi)，并且當(dāng)設(shè)置高度時，它將運行到容器的相對側(cè)。要解決此類錯誤，您需要將浮動浮動添加到布局中同一行的元素。

三，IE6中的奇數(shù)和廣泛BUG

在IE6中，奇數(shù)寬度顯示寬度和偶數(shù)高度顯示寬度之間存在一些差異。問題是它處于一個奇怪的高度。要解決這類問題，請盡可能地寫出div的外部高度。

第四，IE6中的圖像鏈接下方存在間隙

IE6中的圖片下方會有一定的間隙，特別是當(dāng)圖片垂直于圖片時，可以看到這樣的間隙。要解決此類問題，需要將img標(biāo)記定義為顯示:塊或定義與vertical-align對應(yīng)的屬性。您還可以為與img對應(yīng)的樣式編寫字體大小: 0

5. IE6元素的高度為BUG

如果元素中沒有任何內(nèi)容，則在樣式中為此元素設(shè)置0-19px之間的高度。該元素的高度始終為19px。

有四種方法可以解決它：

1.添加元素的css：overflow: hidden

2.在元素中插入html注釋：

3.在元素中插入html空格：

4.添加元素的css：font-size: 0

六，重復(fù)文字BUG

在一些更復(fù)雜的排版中，有時浮動元素的后一個字符出現(xiàn)在clear元素下面。

解決方案如下：

1.確保元素的內(nèi)嵌顯示為:

2.在下一個元素上使用“margin-right: -3px

3.將條件注釋添加到浮動元素的下一個條目xxx

4.在容器的post元素中使用空白div，指定不超過此div的容器寬度。

7. IE6中的z-index失敗

具體的BUG是元素的父元素的z-index設(shè)置為1，那么當(dāng)設(shè)置z-index時，子元素將無效，并且該級別將繼承父元素的設(shè)置，從而導(dǎo)致一些水平調(diào)整中的錯誤。詳細(xì)解釋可以解釋在IE6中某些情況下z-index無效的原因以及解決方案

結(jié)論：事實上，在IE6中，許多BUG解決方案可以通過使用顯示:內(nèi)聯(lián)，字體大小: 0，浮點數(shù)來解決。因此，我們必須記住在編寫代碼時，一旦使用float float，就會向元素添加一個顯示:內(nèi)聯(lián)樣式，這樣可以有效避免浮動引起的混亂。使用空DIV時，為了避免對布局產(chǎn)生很大影響，您還可以添加字體大小: 0以避免一些兼容性問題。