IE6 重複字元的bug及解決方法

2021-05-23 09:50:52 字數 577 閱讀 6304

hidden

ie6文字溢位的bug

今天在看乙個專案的測試版的時候,發現了ie6文字溢位的bug,文字出現了「重影」。

開始很快想到的是注釋,看了源**,發現頁面裡根本沒有注釋。實在摸不著頭腦,祭出了google,注意到了當初沒有注意到的一句話「但ie6的這個重複bug也有些不是注釋造成的,但基本上都和浮動有關係」。後來有查閱到其他文章提到type=hidden的input以及display: none的div也會導致文字溢位的bug,正好**有type=hidden的input。

在同事的幫助下(偶e問很爛)查閱了國外的資料,解決了type=hidden的input造成文字溢位的問題。不要把這個input直接放在form下面,可以用div或者fieldset把這個input包起來。

ie6文字溢位的bug

將文字區塊包含在新的div之間,但這個方法對type=hidden的input以及display:none的div不奏效。

ie6文字溢位的bug

而display:none的div造成的文字溢位同理可以用div將這個隱藏的div包起來。

hidden

ie6文字溢位的bug

IE6 重複字元的bug

歌劇院的魅影 為何會出現重複文字 bug雖然的的確確的存在,但是為什麼會出現這樣的bug依然沒有統一的定論。不同的高手也是各執一詞,誰也說服不了誰。真正的原因也許只有當時的ie6團隊才能道出來,但是現在仍然沒有官方的說法。下面列出來的這兩種說法,是只是現在網上認可度比較高的而已 ie6瀏覽器對注釋的...

IE6 遇到bug及解決辦法

當頁面上的元素使用 float 浮動時,不管是向左還是向右浮動 只要該元素帶有 margin 畫素都會使該值乘以 2,例如 margin left 10px 在 ie6 中,該值就會被解析為 20px。想要解決這個 bug 就需要在該元素中加入 display inline 或 display bl...

IE6的一些BUG及解決方案

無標題文件 title style type text css style head body p begin p p 這是為了增加高度 p p 這是為了增加高度 p p 這是為了增加高度 p p 這是為了增加高度 p p 這是為了增加高度 p p 這是為了增加高度 p p 這是為了增加高度 p p...