IE6中的position:fixed定位兼容性写法分享
发布时间：2014-05-12 09:56:42 作者：佚名 
我要评论
我要评论这篇文章主要介绍了IE6中的position:fixed定位兼容性写法分享,需要的朋友可以参考下
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
非IE6下的写法大家一般都清楚如何写；这里就不展示了；
切入正题，以下的IE6下CSS的兼容性写法：
/* 修正IE6振动bug */
html,* html body{background-image:url(?about:blank);background-attachment:fixed;}
/* IE6 头部固定 */
html .fixed-top{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
/* IE6 右侧固定 */
html .fixed-right{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 底部固定 */
html .fixed-bottom{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)));}
/* IE6 左侧固定 */
* html .fixed-left{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}
不信？还不去试试?
切入正题，以下的IE6下CSS的兼容性写法：
复制代码
代码如下:/* 修正IE6振动bug */
html,* html body{background-image:url(?about:blank);background-attachment:fixed;}
/* IE6 头部固定 */
html .fixed-top{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
/* IE6 右侧固定 */
html .fixed-right{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 底部固定 */
html .fixed-bottom{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)));}
/* IE6 左侧固定 */
* html .fixed-left{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}
不信？还不去试试?
相关文章
IE 6不支持min-height或max-width等属性的完美解决方案
IE6不支持min-height，但是实际操作中，这个属性是非常需要的，下面为大家介绍下几种不错的解决方案，感兴趣的朋友可以参考下2014-05-05- 针对IE6、7和FF的css样式兼容问题，一直都是前端开发者的头疼问题，下面为大家介绍下CSS中针对IE6、7和FF的特殊写法，希望对大家有所帮助2014-01-07
- 经典的IE6的高度问题想必大家都有遇到过吧。div默认存在3个像素高，由font-size引起的，具体的解决方法可以参考下本文2013-11-14
IE6 div最小高度去除方法以及IE6div垂直居中css样式
使用CSS定义DIV的高度的时候经常遇到这个问题，就是当DIV的最小高度小于一定的值以后，就会发现Div的高度会固定在一个值不再发生变动，下面有个不错的示例感兴趣的朋友不要2013-11-14
最新评论