当前位置:首页> 正文
IE6中的position:fixed定位兼容性写法分享
非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));}
不信?还不去试试?
展开全文阅读
相关内容
-
使用腾讯地图定位的简单操作
使用腾讯地图定位的简单操作,操作,地图定位,点击,操作方法,具...
-
vivox27中将定位打开具体操作方法
vivox27中将定位打开具体操作方法,定位,操作方法,点击,定位服...
-
网络很火的“小猪跑步”动态图分享大全
网络很火的“小猪跑步”动态图分享大全,大全,分享,动态图,网...
-
抖音一晃切换场景特效怎么拍 一晃切换场景特效
抖音一晃切换场景特效怎么拍 一晃切换场景特效设置教程分享,...
-
PS如何快速标注尺寸?快速标注方法分享
PS如何快速标注尺寸?快速标注方法分享,标注,快速,方法,设置,分...
-
超话社区APP如何切换账号?切换账号的方法分享
超话社区APP如何切换账号?切换账号的方法分享,账号,分享,方法,...
-
美易怎么保存图片?保存图片技巧分享
美易怎么保存图片?保存图片技巧分享,保存图片,美易,方法,推荐,...
-
IE怎么批量复制网站的地址?IE批量复制网站地址
IE怎么批量复制网站的地址?IE批量复制网站地址的方法介绍,网...
-
IE6 bug修正的10个小技巧 推荐
IE6 bug修正的10个小技巧 推荐,修正,设置,复制,元素,小技巧,...
-
IE6、IE7、IE8浏览器下的CSS、JS兼容性对比
IE6、IE7、IE8浏览器下的CSS、JS兼容性对比,支持,参数,专用,...
-
如何去除vue项目中的#及其ie9兼容性
如何去除vue项目中的#及其ie9兼容性,项目,兼容性,去除,地址,...
-
深入浅析JavaScript字符串操作方法 slice、subs
深入浅析JavaScript字符串操作方法 slice、substr、substrin...
-
浅析IE10兼容性问题(frameset的cols属性)
浅析IE10兼容性问题(frameset的cols属性),属性,兼容性问题,浏...
-
html 滚动条在IE6和IE7中兼容性问题
html 滚动条在IE6和IE7中兼容性问题,滚动条,兼容性问题,原因,...
-
IE6、IE7、IE8、Firefox兼容性CSS HACK代码及示
IE6、IE7、IE8、Firefox兼容性CSS HACK代码及示例,浏览器,字...