网站固定底部菜单（DIV+CSS）

来源：互联网发布：mac怎么下载硕鼠编辑：程序博客网时间：2024/05/08 21:56

<!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>

0 0