解决IE7下块级元素随着滚动条滚动而滚动的问题

摘要: 解决IE7下块级元素随着滚动条滚动而滚动的问题

今天在处理网页兼容性问题的时候遇到一个甚是恼人的问题：网站上面用了一个图表插件，看了一下图表插件生成的代码，找到了其中的定位样式： position:relative.

尝试了IE8+，Chrome，FF等浏览器都没问题，就是在IE7上存在，问题如图所示


当我拉动scrollbar的时候，这两块饼居然神奇地跟着浏览器一起滚动了。

尝试了若干种方法，最后在滚动条所在的容器里加上了【*position:relative;】 才解决掉了该问题（*标记是IE7可以识别的样式）。

真搞不懂微软这位老人家当初在设计IE内核的时候怎么考虑的，不过由此也可以看到:IE7到IE8微软在浏览器渲染引擎上面是做了一些变动的，他也知道以前的那种模式不行了，所以纠正过来。