IE6文字溢位bug解決辦法

2021-05-08 09:07:55 字數 874 閱讀 6084

在第二個容器前存在注釋(這也是為什麼此bug也叫做「ie6注釋bug」的原因)。

歌劇院的魅影

為何會出現重複文字

bug雖然的的確確的存在,但是為什麼會出現這樣的bug依然沒有統一的定論。不同的高手也是各執一詞,誰也說服不了誰。真正的原因也許只有當時的ie6團隊才能道出來,但是現在仍然沒有官方的說法。下面列出來的這兩種說法,是只是現在網上認可度比較高的而已——

其他的一些說法

如何消滅重複文字

引起的原因,也許我們可以不知道,但是如何去消除卻是我們一定要關注的。

「歌劇院魅影bug」已經在ie7中得到修正,在firefox和opera中也不會出現,所以bug的修正主要是針對ie6的。

針對於上文中講到的「bug重現條件」,如果要修正bug,只要讓任何乙個條件不滿足即可——

減小第二個容器的寬度,使父容器寬度減去第二個容器寬度的值大於3,例如將本文示例中第二個子容器的寬度改為197px。

去掉所有的注釋。

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

來解決。

關於此bug的一些文章資料

其實很早以前就有外國的朋友關注過這個bug,而且在中國也有過一些朋友關注過這個bug。我在寫這篇文章的時候,也一定程度上參照了他們的研究成果,在此向研究此問題的前輩們表示感謝。下面是兩篇研究此bug的文章。希望對你有進一步的幫助。

經典論壇版主懌飛的《注釋在ie中造成文字溢位的研究》。順便說一下懌飛是乙個在web標準方便很有研究的朋友。雖然沒有直接和他接觸過,但是卻一直拜讀他的文章。在此也給這位文章曾給予我很大幫助的朋友做個廣告,他的部落格為位址為:http://www.planabc.net/。

IE6文字溢位BUG

在ie6下,浮動層之間有注釋文字的話,之前那個浮動層的內容文字就有可能遭遇乙個 的複製,但是 裡檢視文字可並沒有多出來。問題原因以及解決方法 原因 由注釋造成文字溢位,屬於ie6的bug,溢位文字的字數 注釋的條數 2 1,這裡的字數在中文或英文數字時都成立。注釋坐在位置與溢位位置 區塊的浮動以及文...

IE6文字溢位BUG

在ie6下,經常會產生一些靈異事件,比如 html 裡是 豬豬豬 但用ie6瀏覽時,頁面上會顯示 豬豬豬豬 莫名其妙地多出了一頭,ie6太 了,私自產豬。像這種情況在ie7,ie8,ff中是不存在的。發生條件一 css中用了float屬性,並且用了html注釋。豬豬豬怎樣消除這種邪氣呢?方法一 在父...

IE6文字溢位BUG

在ie6下,經常會產生一些靈異事件,比如 html 裡是 豬豬豬 但用ie6瀏覽時,頁面上會顯示 豬豬豬豬 莫名其妙地多出了一頭,ie6太 了,私自產豬。像這種情況在ie7,ie8,ff中是不存在的。發生條件一 css中用了float屬性,並且用了html注釋。豬豬豬 怎樣消除這種邪氣呢?方法一 在...