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

首先，IE6雙邊距錯(cuò)誤

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

二，IE6 3像素問(wèn)題及解決方案

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

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

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

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

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

5. IE6元素的高度為BUG

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

有四種方法可以解決它：

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

2.在元素中插入html注釋?zhuān)?/p>

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

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

六，重復(fù)文字BUG

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

解決方案如下：

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

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

3.將條件注釋添加到浮動(dòng)元素的下一個(gè)條目xxx

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

7. IE6中的z-index失敗

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

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