關於IE6幽靈字型

2022-05-03 23:45:09 字數 953 閱讀 2856

前言:今天做專案的時候在ie6下出現了這樣的一種現像,這種情況只在ie6下出現,最後在網友的幫助下這個問題最終得到了解決。所以馬上作了下筆記!

情況如下圖:

我在網上找了點資料出現ie6下幽靈字型的情況主要有以個幾個!   

1、乙個容器包含2兩個具有「float」樣式的子容器。

2、第二個容器的寬度大於父容器的寬度,或者父容器寬度減去第二個容器寬度的值小於3(注意是小於3,當等於3時不會出現重複文字)。

3、在第二個容器前存在注釋

4、多出文字個數與注釋的條數有關

多出文字個數=注釋條數*2-1

當多出文字個數大於容器中的字數時,多出文字消失

我的情況就是屬於第三種情況,出現這種情況解決也有好幾種:

1、不寫注釋(簡單直接有效的方法,但降低了**可讀性)

2、將html注釋換成ie注釋

或 注釋不放置於 2 個浮動的區塊之間。

3、在第二個容器後面加乙個或者多個

來解決其中clear 樣式:

.clear

clear:both 和 height:0 是必須得寫的font-size 可以不寫(建議寫,因為在ie6中div會有乙個預設高度,修復了舊bug但引來了新bug,還得要解決這個ie6預設高度的bug)

針對上面的問題可以這樣寫

寫法一:

寫法二:

4、設定div的寬度,針對條件二,只要不讓第二個div的寬度大於父容器,或者不讓父容器減去第二個容器寬度小於3 ,就可以消除這個bug,但是這樣會影響布局

5、將文字區塊放在新的容器中(這種解決方法很不錯,不需要刻意去修正這個bug)

重複文字測試

重複文字測試

ie6 滾動條無限下拉(鄙視IE6)

昨天在做頁面,測試到ie6的時候,遇到滾動條無限下拉的bug,ie6就是這麼麻煩,後來找了一些資料來看,自己嘗試了一些方法,終於找到解決方法。一般ie6會出現這種問題,都是你設定了某個東西的position abselute,在ie6下,遇到這種絕對位置的,他會一直往父元素找乙個position r...

ie6 濾鏡問題

由於有透明效果,為了在ie6下能正常看到效果,就要使用濾鏡的功能 如 background none filter progid dximagetransform.microsoft.alphaimageloader src png 乙個大div下面用了濾鏡功能,他將會使在div下面的form a等...

IE6 背景透明

ie6 背景透明 第 1 種方法 定義乙個樣式,給某個div應用這個樣式後,div的透明png背景圖片自動透明了。注意兩處的路徑寫法不一樣,本例中,icon home.png與html檔案在相同目錄 第 2 種方法 給img定義樣式,頁面上所有透明png即自動透明了。這方法只對直接插入的有效,對背景...