首页 > 代码库 > 解决IE6不支持position:fixed固定定位的bug（转载范鸭）
解决IE6不支持position:fixed固定定位的bug（转载范鸭）
http://blog.funya.in/csscss3/ie6-fixed-bug/
在IE6中实现 position:fixed; 的办法:
浏览器头部固定
.fixed_top { position:fixed; top:0px;}* html .fixed_top /* IE6 头部固定 */{ position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop));} |
浏览器底部固定
.fixed_bottom{ position:fixed; bottom:0px;}* html .fixed_bottom /* IE6 底部固定 */{ position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));} |
这两段代码只能实现在最底部或最顶部，再配合margin可控制元素的位置
另外还有两个，左侧固定和右侧固定
.fixed_left {position:fixed;right:auto;left:0px;}* html .fixed_left /* IE6 左侧固定 */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));} .fixed_right {position:fixed;right:0px;left:auto;}* html .fixed_right /* IE6 右侧固定 */ {position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));} |
IE6抖动问题的解决
在实现页面滚动的时候，被固定定位的元素在IE6会出现闪动现象.
解决方法：
* html,* html body { background-image:url(about:blank); background-attachment:fixed;} |
或
.* html,* html body { _text-overflow:ellipsis; } |
解决IE6不支持position:fixed固定定位的bug（转载范鸭）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。