前言:今天做專案的時候在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即自動透明了。這方法只對直接插入的有效,對背景...