2

我遇到了一些我從未在IE7中遇到過的東西。我有一個應用了背景圖像的包裝div。這個圖像應該一直重複直到包裝div的結尾。在IE7中,似乎存在一個滾動問題,如果使用滾動條查看最初不可見的部分頁面,背景圖像將「截斷」,並且不會在最後100px左右重複。這隻會發生,如果我不得不滾動查看更多的內容。這就像它沒有完全加載背景圖像的區域不立即可見。可能的IE7背景錯誤?

什麼奇怪的是,如果我使用鼠標滾輪和上下滾動頁面,背景圖像重複得很好,因爲它應該。如果我使用滾動條,它會隨機分配(從不超過100px,但有時只是最後的20px,30,40等)。

我已經嘗試過以下故障排除:
1)爲div添加了背景顏色。背景顏色也會中斷,所以它不僅僅是一個背景圖像重複問題。
2)向包裝div添加1%的最小高度。
3)增加了一個位置:相對於div。我在某處讀到這個修復了一個奇怪的IE7背景錯誤。這沒有幫助。

感謝您的任何幫助。我不確定是否在我的代碼中有其他地方出現了一些打嗝的問題(我將繼續研究這個問題),還是一些衆所周知的IE7問題。我再次發現奇怪的是,使用鼠標上的滾輪讓背景渲染,因爲它應該。單擊,按住並使用滾動條會導致它斷開。

編輯:這裏是行動的可怕問題的屏幕截圖的鏈接。 http://skitch.com/flight/dspeh/ie7bgerror 最重要的是有錯誤。底部屏幕是它應該如何加載的。

我注意到另一個附加的事情:如果我最小化窗口,同時它具有破碎的背景,然後再最大化的背景圖像是否自行解決。

+0

嗯,截圖或活鏈接將是有益的在這裏。另外,試着在至少另一臺機器上重現它 - 這可能是一個圖形驅動程序問題或其他問題(儘管看起來不太可能)。 – 2010-09-13 15:48:27

+0

這在IE6中很常見,但在IE7中很少見,你的html中是否有文檔類型,如果不是,它可能是頁面以怪癖模式顯示。 – 3urdoch 2010-09-13 15:54:14

+0

嘿傢伙感謝您的幫助。我添加了一個鏈接到問題的截圖。默多克:該網站確實有一個XHTML嚴格的文檔類型。 – flight 2010-09-13 16:24:58

回答

2

我的猜測是,在底部的3盒是浮動div的。嘗試:

#backgroundDiv { overflow:hidden; min-height:100%; height:auto!IMPORTANT; height:100%; }

IE6/7有時與最小高度錯誤。這段代碼將導致IE6/7默認爲100%... IE有時喜歡使用最後的聲明,而不是跟隨!重要的調用;而其他瀏覽器在顯示頁面時將使用!important呼叫。

+1

的例子它像一個魅力! – frabiacca 2013-04-15 11:18:14

+0

很高興聽到:-) – AJMaxwell 2013-04-17 16:21:02