DIVをウィンドウの底に固定して、ブラウザに従ってスクロールしません。
1488 ワード
以下の例は純CSS作成で、コードは以下の通りです。
<!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>