css方法实现div固定浏览器底端
2013-07-02 17:31
435 查看
CSS:
body:
body{ margin:0; padding:0;background-image:url(text.txt);/*for IE6 防抖,也可以用一张图片URL*/ background-attachment:fixed;} /*是否存在这文件无所谓,要fixed,不能用scroll */ .main{ height:1800px;} .footer{ color:red; left:0;background:#ccc; height:30px; position:fixed; bottom:0; z-index:999; overflow:visible; /* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); _position:absolute; /* for IE6 */}
body:
<div class="main">这是内容层</div> <div class="footer">我在底部</div>
相关文章推荐
- CSS+jquery 实现滑动下拉框 DIV相对于浏览器固定位置
- DIV始终固定在网页右下角位置的CSS实现方法,返回顶部功能
- 利用CSS实现DIV在浏览器中位置相对固定,而且IE6下滚动不闪
- JS简单实现DIV相对于浏览器固定位置不变的方法
- JS+CSS实现Div弹出窗口同时背景变暗的方法
- CSS实现背景图尺寸不随浏览器大小而变化的两种方法
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题
- 【CSS】三列布局(左右div固定宽度,中间div随浏览器窗口自适应变化宽度)
- 实现三个并排div,两边固定宽度,中间自适应的四个方法
- JS+CSS实现带关闭按钮DIV弹出窗口的方法
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- div+css浏览器兼容问题解决方法
- position:fixed实现div始终位于浏览器中固定位置
- 体验css+div 之 实现简单浮动层的基本方法
- CSS实现将div固定在页面指定地方
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法(原创理论)
- jQuery将div等固定在浏览器右上角的方法
- css实现div悬浮层,始终停留在浏览器的最下方,不随页面的滚动条滚动改变位置或消失
- HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列