CSS技术四之IE6纯CSS实现position:fixed完美方案

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; /*ie6 and above*/
   top: 0;
   left: 0;
}

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

body {
   _background-image:url(about:blank);
   _background-attachment:fixed;/*防止页面抖动*/
}
.fixed {
   position:fixed;
   _position: absolute; /*ie6 and above*/
   top: 0;
   _top:expression(document.documentElement.scrollTop);
   left: 0;
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注