网页中位置固定块

网页中位置固定块

想在页面中固定一个DIV，不随页面滚动，怎样做呢？

CSS

顶部：

_html{background-image:url(about:blank);background-attachment:fixed;} #top{ position:fixed; _position:absolute; top:0; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop)); }

底部：

_html{background-image:url(about:blank);background-attachment:fixed;} #bottom{ position:fixed; _position:absolute; bottom:0; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }

有下划线（_）的是 CSS HACK，专门给IE6准备的。之所以要加上

_html{background-image:url(about:blank);background-attachment:fixed;}

是因为没有这句话，滚动的时候，固定块会闪动。

参考文章：

解决 IE6 position:fixed 固定定位问题

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。