<!DOCTYPE HTML><HTML>
<HEAD>
    <TITLE>纯CSS代码实现页面底部固定无抖动漂浮特效</TITLE>
    <style type="text/css">
        body { background-image:url(text.txt);/*text.txt防抖*/ /* for IE6 */background-attachment:fixed; }
        #bottomNav { background-color:#D5D8DE; border:1px solid #C0C3C9; text-align:center; z-index:999; position:fixed; bottom:0; left:0; width:100%; height:40px; line-height:40px;
        /* for IE6 */ _position:absolute; _top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); overflow:visible; }
    </style>
    <META content="MSHTML 6.00.3790.4672" name=GENERATOR>
</HEAD>
<BODY>
<div style="height:1000px;">
    <br /><br /><br /><br /><br />滑动您的鼠标看看底部效果吧！
    <br /><br /><br /><br /><br />滑动您的鼠标看看底部效果吧！
    <br /><br /><br /><br /><br />滑动您的鼠标看看底部效果吧！
    <br /><br /><br /><br /><br />滑动您的鼠标看看底部效果吧！
</div>
</BODY>
</HTML>
  • 海报
  • 打赏
  • 分享
海报图正在生成中...
竖版 宽版
分享到...
请选择打赏方式
  • 微信
  • 支付宝
要发表评论，您必须先登录。