DIV层如何浮动显示窗口的最底部
就是一个DIV层如何浮动显示窗口的最底部？层需要透明显示。
这个要怎么写CSS，或者JS代码，或者有实例的网址给个也行。
[解决办法]
<!doctype html><html> <head> <meta charset="gb2312" /> <style> body { height:1850px; } div { width:100px; height:100px; border:1px solid red; position:absolute; bottom:10px; right:10px; } </style> </head> <body> <div id="test">123</div> <script> function $(o){return document.getElementById(o)} window.onscroll = function(){ $('test').style.top = document.documentElement.clientHeight + (document.documentElement.scrollTop || document.body.scrollTop) - 110 +'px' } </script> </body></html>
[解决办法]
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk" /></head><body style="height:2000px;"><div id="btn" style="width:100px; height:50px;position:absolute; bottom:10px;light:10px;"><input type="button" name="hidebtn" value="隐藏菜单" onclick="dis(this)"></div> <script> function $(o){return document.getElementById(o)} window.onscroll = function(){ $('btn').style.top = document.documentElement.clientHeight + (document.documentElement.scrollTop || document.body.scrollTop) - 60 +'px' } </script><script>function dis(b){ document.getElementById('menus').style.display = (document.getElementById('menus').style.display=="none") ? "block" : "none"; b.value = (b.value=="显示菜单") ? "隐藏菜单" : "显示菜单";}</script><div id="menus"><table width="480" border="0" align="center"><tr><td onclick="this.style.backgroundColor='#87CEEB';location.href='AddUser.html'" style="text-align:center;width:120px;height:120px;background-color:#DCDCDC;"><div><img src="../images/a1.png" /></div><div style="padding:5px 5px 5px 5px;color:#483D8B;">增加</div></td><td onclick="this.style.backgroundColor='#87CEEB';location.href='DelUser.html'" style="text-align:center;width:120px;height:120px;background-color:#DCDCDC;"><div><img src="../images/a2.png" /></div><div style="padding:5px 5px 5px 5px;color:#483D8B;">删除</div></td><td onclick="this.style.backgroundColor='#87CEEB';location.href='ShortQuery.html'" style="text-align:center;width:120px;height:120px;background-color:#DCDCDC;"><div><img src="../images/a3.png" /></div><div style="padding:5px 5px 5px 5px;color:#483D8B;">查询</div></td><td onclick="this.style.backgroundColor='#87CEEB';location.href='ShortPrint.html'" style="text-align:center;width:120px;height:120px;background-color:#DCDCDC;"><div><img src="../images/a6.png" /></div><div style="padding:5px 5px 5px 5px;color:#483D8B;">打印</div></td></tr></table></div></body></html>