代码非常简单。自己在本地测试一下。。
/* 兼容IE6的跟随滚动条定位 */
body { _background-image:url(about:blank);_background-attachment:fixed;}
.fixtop { position:fixed;top:0px;left:0px;width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));_left:expression(eval(document.documentElement.scrollLeft)); }
.fixbot { position:fixed;bottom:0px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight)); }
.fixleft { position:fixed;top:165px;left:10px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2-this.offsetHeight/2));}
.fixright { z-index:9999;position:fixed;top:145px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop>300?document.documentElement.scrollTop+document.documentElement.clientHeight/2-this.offsetHeight/2-30:2000));_left:expression(eval(document.documentElement.clientWidth<1080?Math.max(905,document.documentElement.clientWidth-55):(document.documentElement.clientWidth/2+490))); }
.fixrightdown { z-index:9999;position:fixed;bottom:0px;right:0px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight)); }
body处,是解决滚动的时候闪动问题。。。
分享到:
相关推荐
轻松解决ie6下头部定位的问题,如果你还在为你的定位问题犯愁,就赶快下载资源看看吧
纯css兼容IE6的fixed定位不上下晃动!
兼容IE6的Fixed定位示例,通过Exp和JS判断浏览器,然后选择是否降级
解决IE6下不支持fixed问题!~如果项目中有亟待解决的问题,这个可是神方哦,超级简单!
这个内容是老生常谈了,主要问题就是IE6不支持 position:fixed 引起的BUG.当我们去搜索解决这个bug的垮浏览器解决办法时,绝大多数结果都是说使用 position:absolute 来替代解决,可是我们真的解决了么?没有,因为当页面...
NULL 博文链接:https://onestopweb.iteye.com/blog/2339092
IE6下fixed实现新浪微博头部定位,仿照新浪微博头部。是从一哥们的空间里挖出来的。。。
一般的IE6 fixed都会抖动,很难看,童叟无欺,绝对不抖动
浮动层 在ie6下 定位有问题, position 的fixed属性失效, 以下为解决方案
ie6 fixed bug (css+js)解决方法,需要的朋友可以参考下。
其结果是无论IE6还是火狐浏览器下,背景图片都是固定的死死的,不错。但是,一旦html标签带着background属性参合进来,事情就要发生转变了。问题代码: html{background:white;} body{background:url(../image/404....
目前我所知的ie6下fixed的方案大概有纯css和expression+js两种,各有利弊。 1.纯css法 利用了ie6下html元素外面套的一个匿名元素,即 * ,利用选择器层级,可以定制ie6下的效果。代码如下 复制代码代码如下: * ...
用超简单代码在IE6中实现了fixed效果,顺便带了个返回顶部功能
非IE6下的写法大家一般都清楚如何写;这里就不展示了;切入正题,以下的IE6下CSS的兼容性写法: 复制代码代码如下:/* 修正IE6振动bug */html,* html body{background-image:url(about:blank);background-attachment:...
完美解决IE6不支持position:fixed的bug,需要的朋友可以参考下。
positon:fixed 让HTML元素脱离文档流固定在浏览器的某个位置 网页中经常会有浮动的导航条会用到这种定位模式,但是ie6下并不兼容这种定位 浮动导航条的样式,重要的是position:fixed;bottom:60px;(浮动导航底部距离...
IE6 position:fixed bug</title> <style> *{padding:0;margin:0} p{height:2000px} #gs{border:1px solid #000;position:fixed;right:30px;top:120px} </style> <!--[if IE 6]> <style type...
} 这个方法有一个bug未解决:在IE6下会把所有position:absolute都变成“浮动”的元素;还有使用js方法滚动滚动条时会出现对象闪烁,如下方法结合了CSS和js的办法,解决了以上的问题。 代码如下: <!DOCTYPE ...