让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));}

随机推荐

html禁止手机页面放大缩小代码
只需网页头部head标签内添加一下代码即可实现禁止手机页面放大缩
CSS让图片垂直居中的几种技巧
在网页设计过程中，有时候会希望图片垂直居中的情况。而且，需要垂直居中的图片的高度也不确定，这就会给页面的布局带来一定的挑战。下面总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法只限于标准浏览器外，另外两种方法的兼容性还不错
仿站小工具 V6.0
仿站小工具介绍：仿站小工具是通过网址下载静态网页的工具。从输入的网址下载html代码，提取出JS、Css、Image、Picture、Flash等静态文件网址，再从下载完好的Css代码中提取出Image静态文件网址，通过网址下载静态文件，根据软件设置好的保存规则，自动修正
手机站布局中viewport的作用详解
什么是Viewport?手机浏览器是把页面放在一个虚拟的窗口（viewport）中，通常这个虚拟的窗口（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动
手机站上离线宝被UC浏览器屏蔽解决方案
手机站上离线宝被UC浏览器屏蔽解决方案，在手机站上使用离线宝发现在UC浏览器中被屏蔽了。页面上会有很大一块空白，怎么办？利用一下代码可以解决离线宝被屏蔽时，去除头部空白。复制代码代码如下: document.writeln(script type=\text/javascript\ src=\

让position:fixed在IE6下可用!

相关文章

随机推荐