让DIV固定在窗口的底部，不随浏览器滚动代码,Css代码库,德仔网

代码语言

代码分类

【Css】让DIV固定在窗口的底部，不随浏览器滚动

作者:dezai / 发布于2013/12/5/ 525

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <title>固定在页面底部</title>
  <FCK:meta http-equiv="content-type" content="text/html;charset=gb2312" />
  <style type="text/css">
html, body, div { margin:0; padding:0; border:0; font-size:100%; background:transparent; }
body { background:#f2f2f2; font:12px 宋体, Verdana, Tahoma, Lucida Grande, Arial, sans-serif; color:#000; }
#gg { position:fixed; bottom:0; background:#000; width:100%; height:23px; line-height:23px; z-index:9999; opacity:.60;
filter:alpha(opacity=60); _bottom:auto; _width:100%; _position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-
(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}
#gg a { color:#fff; font-size:13px; letter-spacing:2px; }
</style>
  </head>
  <body>
<div style="height:2000px;">页面</div>
<div id="gg">
   <div ><a target="_blank">底部固定</a> </div>
  </div>
</body>
</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　浏览器滚动　

同语言下

可能有用的

dezai贡献的其它代码(1065)