让position:fixed在IE6下可用!

/*让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,*htmlbody/*修正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));}

随机推荐

JS屏蔽错误代码
JS屏蔽错误代码，防止网页上的某些JS代码运行错误导致网页无法正常打开的问题。复制代码代码如下: script type=text/javascript function killerrors(){ return true; } window.onerror = killerrors; /script 将这段代码添加到其他JS代码之前才能起到效果
JS滚动bxslider的使用
1. 详细Demo： http://www.bxslider.com/examples 2、如何使用在实际中如下引用： script type=text/javascript src=js/jquery.js/script script type=text/javascript src=js/jquery.bxslider.js/script bxslider无缝滚动 script type=text/javascript $(f
Zepto.js手机页面上替代jQuery的最佳Javascript库
Zepto.js手机页面上替代jQuery的最佳Javascript库，Zepto是现代的浏览器最大程度上与jQuery兼容的API，简约的JavaScript库，如果你使用jQuery，你已经知道如何使用的Zepto。虽然100％的jQuery覆盖率不是一个设计目标，提供的API相匹配的jQuery的同行。
手机站布局中viewport的作用详解
什么是Viewport?手机浏览器是把页面放在一个虚拟的窗口（viewport）中，通常这个虚拟的窗口（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动
html禁止手机页面放大缩小代码
只需网页头部head标签内添加一下代码即可实现禁止手机页面放大缩

让position:fixed在IE6下可用!

相关文章

随机推荐