在ie6下,經常會產生一些靈異事件,比如:html**裡是"豬豬豬",但用ie6瀏覽時,頁面上會顯示"豬豬豬豬",莫名其妙地多出了一頭,ie6太**了,私自產豬。
像這種情況在ie7,ie8,ff中是不存在的。
發生條件一:css中用了float屬性,並且用了html注釋。
**:
豬豬豬怎樣消除這種邪氣呢?
方法一:在父級容器加入 display:inline;
**:豬豬豬/div>
方法二:在子級容器中去掉所有注釋
發生條件二:重複文字標籤的上面有display:none屬性的div (偶爾出現)
這種情況並不一定存在,和所寫的整個html結構有關。
解決方法:
1.把受影響的div的**提前,也就是要把出現問題的**層放在有display:none的div 的前面!
2.在帶有display:none的div外面再套一層div
總結
由注釋造成文字溢位,屬於ie6的bug,溢位文字的字數=注釋的條數*2-1,這裡的字數在中文或英文數字時都成立。注釋所在位置與溢位位置、區塊的浮動以及文字區塊的固定寬度有必然聯絡。
1、不放置注釋。最簡單、最快捷的解決方法;
2、注釋不要放置於2個浮動的區塊之間;
3、將文字區塊包含在新的
之間;4、去除文字區塊的固定寬度,與3有相似之處;
5、在後面加乙個
或者空格;(不推薦)
6、使用ie注釋格式,如:
7、給盒子加position:relative;屬性
IE6文字溢位BUG
在ie6下,浮動層之間有注釋文字的話,之前那個浮動層的內容文字就有可能遭遇乙個 的複製,但是 裡檢視文字可並沒有多出來。問題原因以及解決方法 原因 由注釋造成文字溢位,屬於ie6的bug,溢位文字的字數 注釋的條數 2 1,這裡的字數在中文或英文數字時都成立。注釋坐在位置與溢位位置 區塊的浮動以及文...
IE6文字溢位BUG
在ie6下,經常會產生一些靈異事件,比如 html 裡是 豬豬豬 但用ie6瀏覽時,頁面上會顯示 豬豬豬豬 莫名其妙地多出了一頭,ie6太 了,私自產豬。像這種情況在ie7,ie8,ff中是不存在的。發生條件一 css中用了float屬性,並且用了html注釋。豬豬豬 怎樣消除這種邪氣呢?方法一 在...
IE6文字溢位bug解決辦法
在第二個容器前存在注釋 這也是為什麼此bug也叫做 ie6注釋bug 的原因 歌劇院的魅影 為何會出現重複文字 bug雖然的的確確的存在,但是為什麼會出現這樣的bug依然沒有統一的定論。不同的高手也是各執一詞,誰也說服不了誰。真正的原因也許只有當時的ie6團隊才能道出來,但是現在仍然沒有官方的說法。...