首页 > 代码库 > 将div固定在页面某处 兼容ie6
将div固定在页面某处 兼容ie6
一、样式:
?
1 2 3 4 5 6 7 8 | <style> body,div{ margin:0; padding:0} .wrap{width:1000px; margin:0 auto} .info{width:1000px; height:40px;background:#f2f2f2; text-align:center; font:normal 14px/40px ‘Microsoft YaHei‘ ; color:#333} *html{background-image:url(about:blank);background-attachment: fixed } /*ie6下去抖动*/ .div-pos-top{position: fixed ;top:0;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));z-index:2000} /*居于页面顶部*/ .div-pos-bottom{position: fixed ;bottom:0; _position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight - this .offsetHeight-0)}<br> /*居于页面底部*/ </style> |
二、html代码:
?
1 2 3 4 | <div class = "wrap" > <div class = "div-pos-top" ><div class = "info" >我固定在页面顶部</div></div> <div class = "div-pos-bottom" ><div class = "info" >我固定在页面底部</div></div> </div> |
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。