让IE6支持固定定位的CSS写法
作者:佳明妈 来源:懒人建站 2010-04-10 人气: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的方法实现也是可以的。
让IE6支持固定定位的CSS写法由懒人建站收集整理,您可以自由传播,请主动带上本文链接
懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。
- 上一篇:JS显示当前时间三种显示方式
- 下一篇:一行多列文字循环向上滚动带停顿
让IE6支持固定定位的CSS写法-最新评论