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不可避免的要在火狐下用到超大页面,那就只能自己模拟了,用一个浮动层来展示背景,动态调整浮动层的坐标。
<!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不可避免的要在火狐下用到超大页面,那就只能自己模拟了,用一个浮动层来展示背景,动态调整浮动层的坐标。
相关文章推荐
- ie6背景图片不缓存bug处理document.execCommand('BackgroundImageCache', false, true)
- IE显示背景图片background-image,FireFox不显示背景图片或显示不正常
- Android中的ImageView的getDrawableCache获取背景图片的时候注意的问题
- div+css - CSS标准 - background-image背景图片
- jquery设置背景图片:$(this).css("background-image","url(on.jpg)");就可以了
- css3实现一个div设置多张背景图片及background-image属性
- Use Custom Background Image for Application-为自己的Windows Phone程序使用自定义背景图片
- document.execCommand("BackgroundImageCache",false,true)解决ie6下的背景图片缓存问题
- 从设置a标签背景图片无法显示探究background-image:url()
- 创建手机页面弹出键盘的时候背景图片被挤上去的解决办法
- IE6下背景图片不缓存问题或者document.execCommand("BackgroundImageCache",false,true)
- css3实现一个div设置多张背景图片及background-image属性
- IE6下背景图片不缓存问题或者document.execCommand("BackgroundImageCache",false,true)
- firefox的background-image引发的页面请求问题
- Android中的ImageView的getDrawableCache获取背景图片的时候注意的问题
- Android中的ImageView的getDrawableCache获取背景图片的时候注意的问题
- css3实现一个div设置多张背景图片及background-image属性
- .document.execCommand("BackgroundImageCache",false,true)解决ie6下的背景图片缓存问题
- css3实现一个div设置多张背景图片及background-image属性
- 解决 UIView 设置背景为UIImage图片变型问题[XXX setBackgroundColor:[UIColor colorWithPatternImage:XXX]];