Safari 5.1.3位置：固定加載滾動渲染問題

Question

http://hungimage.herokuapp.com/有一個我在Safari中滾動加載頁時遇到的問題的POC。 頁面底部的圖像調用正在請求一個不會返回響應的端點，以便保持頁面加載並顯示渲染問題。

當頁面加載並且所有資源尚未下載時，如果我在Safari Version 5.1.3（7534.53.10）中滾動，則固定位置標題將錯誤地顯示。 如果您在Safari中快速上下滾動，則應該能夠檢測渲染問題。

我不能在其他瀏覽器中重複此操作，並且需要一個不會對絕對定位元素的位置產生負面影響的解決方案。 你可以在這裏看到一個截屏：http://www.flickr.com/photos/geoff/6861146330/

我是否缺少一些與位置：固定？

---

更新：

---

這似乎是一個合法的Safari瀏覽器的bug。 如果您在Safari 5.1.4的一個選項卡中打開了一個掛着的頁面（永久加載 - 此處爲示例：geoffreymoller.no.de），並且在另一個選項卡中有一個固定標題的頁面（Facebook，其他示例如下：http://webdesignledger.com/inspiration/22-examples-of-fixed-position-navigation-in-web-design ），如果您在固定標題站點中滾動，標題將顯示呈現問題。

Answer 1

兩件事情來防彈的代碼;

充分利用DIV：

<div id="fixed"></div> 

語義容器在頁面下面CSS聲明添加到div＃固定的規則

z-index:99; 

希望幫助傑夫。