IE6不支持position:fixed解决方法

首先说一下 position:absolute和position:fixed的区别

  absolute:绝对定位,相对于第一个父元素进行定位(比如页面有滚动条,会随着页面的滚动而消失)

  fixed:     绝对定位,相对于浏览器窗口进行定位(不管页面是啥样的,时钟固定在屏幕中间)

 

而IE6不支持fixed定位,所以采用css hack来处理

#fixedStyle{

  position:fixed;

  top:0px;

  _position: absolute;

  _top: expression(eval(document.documentElement.scrollTop);

}

 

上面_**就是针对IE6的hack

expression是CSS表达式的意思,是动态设置CSS属性的强大(但危险)方法。Internet Explorer从第5个版本开始支持CSS表达式。(chrome等主流浏览器不支持)

 

posted on 2017-04-07 16:26  王雪皓  阅读(125)  评论(0编辑  收藏  举报