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

清疚 2024-02-17 14:15 106阅读 0赞 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.     <head>
  4.     <title>固定在页面底部</title>
  5.     <FCK:meta http-equiv="content-type" content="text/html;charset=gb2312" />
  6.     <style type="text/css">
  7. html, body, div { margin:0; padding:0; border:0; font-size:100%; background:transparent; }
  8. body { background:#f2f2f2; font:12px 宋体, Verdana, Tahoma, Lucida Grande, Arial, sans-serif; color:#000; }
  9. #gg { position:fixed; bottom:0; background:#000; width:100%; height:23px; line-height:23px; z-index:9999; opacity:.60; 
  10. filter:alpha(opacity=60); _bottom:auto; _width:100%; _position:absolute; 
  11. _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-
  12. (parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
  13. }
  14. #gg a { color:#fff; font-size:13px; letter-spacing:2px; }
  15. </style>
  16.     </head>
  17.     <body>
  18. <div style="height:2000px;">页面</div>
  19. <div id="gg">
  20.       <div ><a  target="_blank">底部固定若水印象网络工作室</a> </div>
  21.     </div>
  22. </body>
  23. </html>

发表评论

表情：
评论列表 （有 0 条评论，106人围观）

还没有评论，来说两句吧...

相关阅读

    相关 MUI底部二级菜单

    引言 底部二级菜单，笔者在原生的APP很少看到该功能，而在微信公众号倒是挺常见的，不过既然在MUI中看到此技巧，那笔者就在此记录一下方便自己日后查阅，同时也希望可以帮...

    我就是我我就是我/ 0 赞/ 145 阅读

    相关 利用TabWidget实现底部菜单

    TabWidget类似于通话记录的界面，通过切换多个标签从而显示出多个不同内容，能够展示内容丰富的页面信息，而且彼此之间不会干扰，有利于展示。下面，通过一个例子来学习用法

    迷南。迷南。/ 0 赞/ 252 阅读