我遇到了一些以前在IE7中从未真正遇到过的事情。我有一个应用了背景图像的包装器div。这个图像应该一直重复到包装器div的末尾。在IE7中,似乎有一个滚动问题,如果我使用滚动条来查看页面中最初不可见的部分,背景图像将被“剪切”,并且不会在最后100px左右重复显示。只有当我必须滚动才能看到更多内容时,才会发生这种情况。就像它不能完全加载不可见区域的背景图像一样。
奇怪的是,如果我使用鼠标滚轮上下滚动页面,背景图像可以很好地重复。如果我使用滚动条,它会随机中断(永远不会超过100px,但有时只会最后20px,30,40等)。
到目前为止,我已经尝试了以下几种方法来排除故障:
1)也为div添加了背景色。背景颜色也会发生变化,所以这不仅仅是背景图像重复的问题。
2)给包装器div增加了1%的最小高度。
3)增加了一个位置:相对于div。我在某处读到这修复了一个奇怪的IE7后台错误。这没什么用。
谢谢你的帮助。我不确定是不是我的代码中的其他地方出现了一些小问题,导致了这个问题(我会继续调查),或者是一些众所周知的IE7问题。再说一次,我只是觉得奇怪的是,在鼠标上使用滚轮,让我们像应该的那样渲染背景。单击、按住和使用滚动条会导致滚动条断开。
编辑:这里有一个链接,指向这个可怕的问题的屏幕截图。http://skitch.com/flight/dspeh/ie7bgerror最上面的那个是错误的。底部的屏幕是它应该如何加载的。
我注意到的另一件事是:如果我在窗口有破碎的背景时最小化它,然后再次最大化它,背景图像会自动校正。
发布于 2011-02-17 07:29:25
我猜底部的3个盒子是浮动的div。试试这个:
#backgroundDiv { overflow:hidden; min-height:100%; height:auto!IMPORTANT; height:100%; }
IE6/7有时会出现最小高度错误。这段代码将导致IE6/7默认为100%...IE有时喜欢使用最后一个声明,而不是跟在!important调用之后;而其他浏览器在显示页面时都会使用!important调用。
https://stackoverflow.com/questions/3702038
复制相似问题