Discuz教程网

1314学习网»站长论坛 › 站长交流区 › 技术杂谈 › 使用CSS固定漂浮导航栏
返回列表 发新帖

使用CSS固定漂浮导航栏

[复制链接]
authicon 星火燎原 发表于 2011-5-21 22:42:57 | 显示全部楼层 |阅读模式
1、CSS样式

Css代码
  1. body {
  2. background-image:url(text.txt); /* for IE6 */
  3. background-attachment:fixed;
  4. }
  5. #bottomNav {
  6. z-index:999;
  7. position:fixed;
  8. bottom:0;        /*去掉此行则固定在页面顶部*/
  9. left:0;
  10. width:100%;
  11. _position:absolute; /* for IE6 */
  12. _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */
  13. overflow:visible;
  14. }
复制代码
2、html部分

Html代码
  1. <div id="bottomNav">我是导航栏O(∩_∩)O~</div>
复制代码




上一篇：JS删除特定DIV
下一篇：Discuz X2 大秀场、广播台插件
回复

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2025-5-2 01:25

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表