纯CSS代码实现页面底部固定无抖动漂浮特效
在做一个东西,需要这部分代码,但总是不太理想,后来听说天涯有这东西,CP下来,总结了一下,记录并分享。
<!DOCTYPE HTML><HTML> <HEAD> <TITLE>纯CSS代码实现页面底部固定无抖动漂浮特效 - 诺豆网 yangjunwei.com</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> <div id="bottomNav"> <a href=http://yangjunwei.com/407.html>杨俊伟:纯CSS代码实现页面底部固定无抖动漂浮特效</a> </div> </BODY> </HTML>
演示地址失效了。
已更新
这个很有效果,我找了好久了。终于找到了,真是谢谢博主了.
不客气!资源共享!
都不支持IE6 在IE6下仅凭CSS是做不出来的
不好意思才回复:一周前已经做了调整,并加上了Demo!
这代码,这样可以下面加上一些固定的内容
会写代码的都是牛人~~
博主的技术确实很牛B,很是羡慕。有空交流一下。
呃,没看明白这个效果是什么情况。