Firefox的問題 - 如果我滾動，然後調整窗口大小，圖像消失

我有一個頁面我設計的是純CSS與CSS樣式表。我使用可滾動內容設置頁眉和頁腳，有點像這裏的示例：http://www.cssplay.co.uk/layouts/basics2.html 除了我的頁眉和頁腳由多個圖像組成而不是文本。Firefox的問題 - 如果我滾動，然後調整窗口大小，圖像消失

我遇到的問題是，當我向下滾動頁面並將窗口調整爲更小尺寸時，我的頁眉和頁腳消失了......但只在Firefox中。當我再次使窗口最大化時，頁腳出現，但是大約300-400奇數的像素太高，頁眉仍然消失。 Safari，Opera和Chrome都可以正常工作;我可以調整瀏覽器窗口的大小，而且我的頁面會做出適當的反應。

這可能是什麼原因造成的？奇怪的是，如果我完全不滾動，然後繼續調整窗口大小，Firefox會保留我的頁面樣式... 可能是溢出：滾動問題？

感謝大家

對不起，我忘了，包括我的鏈接： http://www.theskycaptain.com/THESKYCAPTAIN.COM/projects/cosmicwomb.html

（我意識到bandcamp玩家無法正常運行，我的代碼有點亂，但我在發展中的中間，我只是代管，弄清楚這個問題：簡單地向下滾動了一下，調整窗口，然後最大化，你會明白我的意思）

來源

2012-07-02 paulj

我們無法瞭解你的心思，請提供的jsfiddle例如 – micnic

先給頂部和底部的值，以您的絕對定位的元素。

即

.topspace, .headercon, .scroller { top: 0px; } 
.footer { bottom: 0px; }

^{（這些不一定是你想要的精確值，而只是一個例子）}

來源

2012-07-02 08:47:51 Joonas

謝謝，這已經解決了這個問題。我感到驚訝的是，火狐有這樣的困難時間，但我很高興，因爲現在我的代碼更強大一點:)仍然有一些扭曲的工作，但關閉了一個堅實的開始 – paulj

你的網頁有一個正確定義img和br標籤everywhere inc甩掉需要清理的其他錯誤。

錯誤範例：

<img src="../image/topspace.png"></img>

正確的示例：

<img src="../image/topspace.png" alt="image" />

有關的img標籤的詳細信息，請閱讀here。

而且，變化：

</br>

要：

<br />

來源

2012-07-02 08:43:19 arttronics

謝謝，我是新手，需要確保我的編碼基礎是正確的。識別這些疏忽有助於很多！ – paulj

Firefox的問題 - 如果我滾動，然後調整窗口大小，圖像消失

回答

相關問題