IE5/6 支持 position:fixed 的方法

这个方法来自:http://bassistance.de/

主要是解决 IE5/6 下不支持 position:fixed 的问题。网上有朋友提到这个方法,但是给出的方案并不完整,效果没有达到原站的完美的状态,我昨天分析了一下原站的 CSS 整理出这个方法:

https://www.flyinghail.net/sample/fixed.html

自行查看源代码吧。网上已有的文章中主要是漏掉了 body 中的 background-attachment: fixed; 和 background-image: url(); 非常奇妙,有了这两个 CSS,IE5/6 下的移动效果就非常完美,如果没有则….有兴趣的朋友自己试试吧。

如果你打算应用 position:fixed 的元素不是 body 的直接子元素,那么注意这个元素的父元素也需要上面两个 background 设置否则移动也是不完美的。

除此之外还有一种隐藏 html 的滚动条,保留 body 滚动条的解决方法,不过那个方法下 IE5/6 里所有的 absolute 都变成了 fixed,显然这样是不合适的,所以我认为当前方法是最完美的。

2007.10.19 在IE5.01、5.55、6.0下均测试通过^^

6 thoughts on “IE5/6 支持 position:fixed 的方法

  1. 恩,就是这两个background-attachment: fixed; 和 background-image: url();
    太帅了,我找了好久
    谢谢,谢谢

  2. 不用谢,能够对你有所帮助我感到很高兴
    其实网上类似的方法早就流传已久,但是效果都不完美,我写这篇最主要的目的就是为了挑明background-attachment: fixed; 和 background-image: url();在里面的作用
    其实IE6已经该淘汰了,希望网友们都尽快转移到新的浏览器,这样我们做页面的时候也能减轻不少负担,嘿嘿

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据