当前位置： 首页知识问答网站建设过程中用IE6纯CSS实现position:fixed方案

网站建设过程中用IE6纯CSS实现position:fixed方案

发布时间：2026-09-28 01:05:52 阅读量： 23 来源： 互联网转载

　　css的浮动效果一直是让网站设计头痛的问题，而浏览器的不统一让这种效果区别更加明显，今天大连网站设计就和大家分享下网站建设过程中CSS实现固定浮动层效果，类似于QQ空间顶部的工具条。标准浏览器、IE7+只需在CSS里面设置position:fixed;top:0;就可以了。不论你怎么滚动页面，工具条都会固定在头部。那么IE6怎么实现呢?

　　众所周知IE6 position不支持fixed属性，下面介绍两种纯CSS模拟实现position:fixed效果。

　　先进种：HTML、BODY高度100%方案

　　html,body{

　　height:100%;

　　}

　　.fixed{

　　position:fixed;

　　_position:absolute;/*ie6andabove*/

　　top:0;

　　left:0;

　　}

　　第二种：CSS表达式(expression)方案

　　body{

　　_background-image:url(about:blank);

　　_background-attachment:fixed;/*防止页面抖动*/

　　}

　　.fixed{

　　position:fixed;

　　_position:absolute;/*ie6andabove*/

　　top:0;

　　_top:expression(document.documentElement.scrollTop);

　　left:0;

　　}

上一篇: 大连网页设计解析网页设计框架的分析与搭建

下一篇: 酒楼管理事项有哪些项目

${eyou:global name='web_name'/}$

132-7207-3477
303555158#QQ.COM
中国-贵州-贵阳

微信公众号