您的位置:首页 > 其它

Firefox BUG:页面太大的时候background-image背景图片渲染出错

2011-12-22 14:19 411 查看
很简单的一个页面,如下:

<!doctype html>
<html>
<body style="background-image:url(1.gif)">

<div style="width:80000px; height:80000px;"></div>

</body>
</html>

一个定义了背景图片的超大页面,在Firefox下,把水平滚动条拖到很右边,或者把垂直滚动条拖到很下边,就会发现背景图片没了,或者背景图片残缺。
具体多大不确定,我的机子上,超过50000X50000一定会重现这个bug。

并且Firefox所有版本到目前为止都有这个BUG,其它浏览器IE/Safari/Chrome/Opera都没有这个问题。



如果出错的时候,再切换窗口,或者拖动滚动条,都会导致进一步错乱。

如果我们的web app不可避免的要在火狐下用到超大页面,那就只能自己模拟了,用一个浮动层来展示背景,动态调整浮动层的坐标。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  firefox 浏览器 div url web
相关文章推荐