Safari 5.1.3位置:固定加载滚动渲染问题

时间:2012-03-23 01:26:18

标签: css safari rendering css-position

http://hungimage.herokuapp.com/在我在Safari中滚动加载页面时遇到问题的POC。 页面底部的图像调用请求端点不会返回响应,以保持页面加载并显示渲染问题。

当页面正在加载并且尚未下载所有资源时,如果我在Safari版本5.1.3(7534.53.10)中滚动,则固定位置标题将呈现错误。 如果您在Safari中快速向上和向下滚动,您应该能够检测渲染问题。

我不能在其他浏览器中复制它,并且需要一个不会对绝对定位元素的位置产生负面影响的解决方案。 您可以在此处查看截屏视频:http://www.flickr.com/photos/geoff/6861146330/

我错过了这个位置的东西:修复?


更新


这似乎是一个合法的Safari bug。 如果你有一个挂起的页面(永远加载 - 例如:geoffreymoller.no.de)图片在Safari 5.1.4的一个标签中打开,而一个网站在另一个标签中有一个固定标题(facebook,其他示例在这里:{{ 3}}),如果你在固定的标题网站中滚动,标题将显示渲染问题。

1 个答案:

答案 0 :(得分:0)

防范代码的两件事;

制作div:

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

页面中的语义容器,并将以下CSS声明添加到div#fixed rule

z-index:99;

希望能帮助Geoff。