Created
September 9, 2013 11:53
-
-
Save shuizhongyueming/6494596 to your computer and use it in GitHub Desktop.
修复IE6不支持fixed的问题,用css表达式来实现
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*让position:fixed在IE6下可用! */ | |
.fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;} | |
.fixed-bottom /* 底部固定 */{position:fixed;bottom:0px;top:auto;} | |
.fixed-left /* 左侧固定 */{position:fixed;right:auto;left:0px;} | |
.fixed-right /* 右侧固定 */{position:fixed;right:0px;left:auto;} | |
/* 上面的是除了IE6的主流浏览器通用的方法 */ | |
* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;} | |
* html .fixed-top /* IE6 头部固定 */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));} | |
* 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));} | |
* 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)));} | |
* html .fixed-left /* IE6 左侧固定 */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment