IE6的重影問題

2021-05-26 09:02:45 字數 590 閱讀 7361

在做div時會碰到文字自動重複的現象,一系列元素的下端的文字會重複出現。這種現象只會在ie6中出現,在ie7和火狐中沒有此現象。

問題原因以及解決方法:

原因:

是注釋造成的文字溢位,而且只有ie6才有這個bug,而溢位文字的字數=注釋的條數*2-1。bug與注釋文字的位置、區塊的浮動以及文字區塊的固定寬度都有聯絡。

解決辦法:

1、不放置注釋。這是最簡單、最快捷的解決方法,但不方便,有時是需要注釋的;

2、注釋不要放置於2個浮動的區塊之間;

3、將文字區塊包含在新的元素之間,如在外面再加一層:↓這就是多出來的那只豬

;(這個增加了多餘的元素)

4、去除文字區塊的固定寬度,與3有相似之處;

5、在後面加乙個

或者空格;(這個增加了多餘的元素)

6、使用ie注釋格式,如:;(這個是可以使用的,不論在ie還是火狐都正常顯示,而且也符合標準,但和常規的注釋不一樣)

7、給盒子加position:relative;屬性。(個人覺得這個應該是最好的解決方法,應該只有ie6有這個bug,可以只針對ie6加這個屬性)

ie6 濾鏡問題

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

position fixed 相容ie6問題

最近做專案時用了 來固定div在頁面的最下方,且不隨滾動條滾動而滾動。由於ie6不支援fixed,所以加了 postion absolute bottom expression offsetparent.scrolltop 20 來做相容,此段 在測試頁面ie 6 8都沒問題,但是在專案裡在ie7裡...

解決IE6,邊框問題

ie6是乙個讓人蛋疼而又無奈的瀏覽器,這次不經意間發現了乙個bug的解決發放,給大家分享一下 直接中部 此舉加border 1px 顏色 solid 時,瀏覽器全部顯示正常 如果換成border none 時,此時除了ie6其他瀏覽器都正常,邊框顯示沒了。ie6還有邊框,如果用上 border no...