让IE6支持固定定位的CSS写法

CSS中的 固定定位就是相对于浏览器窗口。当容器的position属性值为fixed时，这个容器就固定在一个位置不会随着滚动条的拖动而变化位置。

这听起来是很振奋人心的一件事情，很可惜IE6并不支持此属性，可恶的是IE6仍然占据很大的市场份额，怎么办？办法总是有的，利用微软提供的expression方法。如下：
_POSITION: absolute;
_TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);
这个 _ 意思是只有IE6才能认出来的意思。当然你可以使用IE的条件注释来为固定定位的元素单独指定样式，如下：
<!--[if lt IE 6]>
<style type="text/css">
#eee{
POSITION: absolute;
TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);
}
</style>
<![endif]-->

还有一种写法：
top:expression(eval(document.body.scrollTop + 50));}

大家可以试试。

当然你用CSS的方法实现也是可以的。

TAG标签