如何在IE6下实现position:fixed效果_html/css_WEB-ITnose

来源：动视网责编：小采时间：2020-11-27 16:08:19

如何在IE6下实现position:fixed效果_html/css_WEB-ITnose

如何在IE6下实现position:fixed效果_html/css_WEB-ITnose:如何在IE6下实现position:fixed效果:建议:尽可能的手写代码，可以有效的提高学习效率和深度。由于IE6并不支持position:fixed，所以导致很多好的效果都无法实现，但是在IE6下并不是不能够实现此中效果，下面就通过一段实例介绍一下如何实现此种效果。代码实例

推荐度：

点击下载本文 文档为doc格式

导读如何在IE6下实现position:fixed效果_html/css_WEB-ITnose:如何在IE6下实现position:fixed效果:建议:尽可能的手写代码，可以有效的提高学习效率和深度。由于IE6并不支持position:fixed，所以导致很多好的效果都无法实现，但是在IE6下并不是不能够实现此中效果，下面就通过一段实例介绍一下如何实现此种效果。代码实例

如何在IE6下实现position:fixed效果:
建议:尽可能的手写代码，可以有效的提高学习效率和深度。
由于IE6并不支持position:fixed，所以导致很多好的效果都无法实现，但是在IE6下并不是不能够实现此中效果，下面就通过一段实例介绍一下如何实现此种效果。代码实例如下:

IE6下实现position:fixed-蚂蚁部落

以上代码可以兼容IE6和其他主流浏览器，实现此效果的核心代码是:

_top:expression(eval(document.documentElement.scrollTop));

注意:加上了上面这一行代码之后，IE6下top功能失效了，所以要加一个_margin-top。
虽然上面的代码实现了想要的功能，但是还是有点问题，那就是当拖动滚动条的时候会出现颤抖现象。代码修改如下:

IE6下实现position:fixed-蚂蚁部落

以上代码完美实现了我们想要的功能，在第一段实例基础上添加如下代码:

*html{ background-image:url(about:blank); background-attachment:fixed;}

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0405/144.html

如何在IE6下实现position:fixed效果_html/css_WEB-ITnose

推荐度：

点击下载本文 文档为doc格式

标签：如何如何实现 html

热门焦点

如何在IE6下实现position:fixed效果_html/css_WEB-ITnose

如何在IE6下实现position:fixed效果_html/css_WEB-ITnose

如何在IE6下实现position:fixed效果_html/css_WEB-ITnose

最新推荐

猜你喜欢

热门推荐