想在页面中固定一个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;}
是因为没有这句话,滚动的时候,固定块会闪动。