在IE6中利用z-index层级实现fixed效果

通常在做一些工具条的时候,使其固定在页面的指定位置,如顶部、底部等,并且不会随着滚动条的改变而改变,做前端的应该都知道,在除IE6外的浏览器中可以使用CSS的fixed属性。而在IE6中的解决办法大部分使用脚本来动态的更改工具条的位置,在效果上并没有fixed的效果好,在滚动条的时候会出现短暂的闪烁。周末在家使用电脑的时候,发现显示器右下角的图标并不会随着浏览器的滚动条的改变而改变,始终保持在显示器右下角,这个效果有点类似fixed属性。于是就一个DIV用来显示内容,并且可视高度始终保持与浏览器的可视区域一直,超过的部分就使用DIV的滚动条,在内容DIV上面加一个DIV,并使其始终定位在浏览器的底部,这样一来就实现了FIXED属性。说了这么多也不知道说明白没有,还是看DEMO,呵呵。

效果预览: http://www.lav.so/demo/demo3.html

原文地址: http://www.lav.so/index.php?aid=67
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值