网页底部浮动条代码兼容IE、火狐浏览器

发布时间：2018-09-11 16:48:17 所属栏目：交互来源：站长网

导读：一款网页底部的浮动条效果，跟随滚动条。在IE与火狐浏览器下测试通过，这是烈火在UED TEAM博客发现的，特别分享出来给大家，希望对大家有所帮助。原理：在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam

　　一款网页底部的浮动条效果，跟随滚动条。在IE与火狐浏览器下测试通过，这是烈火在UED TEAM博客发现的，特别分享出来给大家，希望对大家有所帮助。

　　原理：在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.className迫使浏览器重新布局，以达到position: fixed的效果。

　　作者：周明智　出处：http://www.ued163.com/?p=1337

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=gbk" /> <title>烈火简介 - Liehuo.Net</title> <style type='text/css'> html, body { margin: 0; padding: 0; } body { /* 这里不能加position: relative */ } #content { font-family: <b>微软雅黑</b>; font-size: 36px; line-height: 60px; width: 960px; margin: 0 auto; } #content p { text-indent: 2em; } #overlay { opacity: .5; filter: alpha(opacity=50); background: #ccc; width: 100%; height: 100px; position: fixed; _position: absolute; bottom: 0; } </style> </head> <body> <div id='content'><p>烈火网（www.veryhuo.com）诞生于2006年的4月。从成立之初，烈火网就以为IT资讯、IT教程内容为核心，以介绍电脑教程、网络技术、编程开发、网页特效、建站资源为主要内容。每天我们都会精心整理发布热点资讯、精品教程，同时我们每天还收到全国网友的投递稿件，这些内容丰富了烈火网内容，同时增加了网友互动，从而实现“分享知识，共同进步”的目标！ <P>　　多年来，烈火网的内容不断充实，先后被国内一些知名网站、传统媒体重点推介过，并陆续被Google、百度、雅虎、搜狐、新浪、Excite等各大搜索站点收藏，并在Google、百度、Yahoo三大搜索引擎中以简体汉字关键词“IT资讯、IT教程、网络学院”等搜索排名均在前排，现在烈火网已发展成为国内非常具有影响网站设计、开发的专业网站之一。</P> <P>　　目前烈火网访问量可以看ALEXA以了解最新动向。</P> <P>　　烈火是互联网的倡导与服务媒体，以烈火网(<A href="http://www.veryhuo.com" target=new>LieHuo.Net</A>)为中心的互联网技术、资讯为中心，旗下有烈火导航(<A href="http://www.veryhuo.com" target=new>LieHuo.Org</A>、<A href="http://bbs.liehuo.net" target=new>烈火论坛</A>、<A href="http://tool.liehuo.net" target=new>站长工具</A>与<A href="http://alexa.liehuo.net" target=new>alexa排名</A>等多个频道，烈火以火热的信心和不断进取的精神，每时每刻都在为互联网的发展做出微薄的贡献！)</P> <P>　　烈火网址导航的宗旨就是方便网友迅速找到自已需要的网站，而不必记住太多复杂的网址。同时也避免了使用搜索引擎时信息纷杂，良莠不齐的问题。从今天起，烈火网址导航将以更专业的眼光，最专注的态度，广泛地收集网址，并客观地挑选出各类网址中的精品奉献给大家。此外，烈火网址导航会随时更新网址，力求做到最新、最精、最全面！烈火网址导航的目标是成为中国最权威的分类网址网站，免费为广大网民提供最方便快捷的服务。 </P> <P>　　我们会不断的进步，更好的为广大网友服务的契机，我们会认真的做好每个频道，以诚换心，踏实前进！</P> </div> <div id='overlay'></div>  </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：常州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

盘点分析的四个行业用	物联网推动物流和供应
智慧城市在物联网促进	工业物联网发展提速，

网页底部浮动条代码 兼容IE、火狐浏览器

网页底部浮动条代码兼容IE、火狐浏览器